Creating a Website to Support E-Commerce

Creating a Website to Support E-Commerce

Agenda1. Welcome & introductions2. Objective of today’s session

– Introduction to LearningExpress Library resources– Developing an e-commerce website

3. Resources provided by PEN INTERNATIONAL– What is PEN INTERNATIONAL?– Sample Resources

4. Introduce and demonstrate e-commerce software to achieve trading objectives

5. Building an e-commerce site6. Managing your site

– Responsibility of content

What is PEN INTERNATIONAL?

• http://cms.europen.info/• EUROPEN - PEN INTERNATIONAL is the

worldwide practice firms network with over 7500 practice firms in 42 countries. A practice firm is a virtual company and a centre of vocational learning that runs like a "real" business silhouetting a "real" firm's business procedures, products and services. Each practice firm trades with other practice firms.

What is Gotham Hardware?

• A demonstration VE firm created by VE International

• Gotham Hardware and Lumber, Inc. is a new VE corporation which is going to open a retail hardware store in a prime retail space Manhattan, New York, New York. The store will sell lumber and a variety of premier tools, paint, and other hardware.

• Today, we will create an e-commerce website to expand Gotham Hardware’s customer base and market presence.

How do I get started?

• Download from: http://www.practicefirms.net

Click Here!!

How do I get started? (cont.)

• Note: For Windows PC Only!!

Click Here!!Click Here!!

How do I get started? (cont.)

• Double Click on SmBiz31.exe to setup

Click Here!!Click Here!!

How do I get started?

• Click on Next >

Click Here!!Click Here!!Click Here!!

How do I get started? (cont.)

• Accept the terms in the license agreement & Click Next >

Click Here!!Click Here!!Click Here!!Click Here!!

Then Here!!

Click Here!!

How do I get started? (cont.)

• Fill in your Name & VE Firm & Click Next >

Click Here!!Click Here!!Click Here!!

Click one of these!!

Fill these out!!

How do I get started? (cont.)

• Choose Complete & Click Next >

Click Here!!

Then Here!!

How do I get started? (cont.)

• Double Click on the SmartStore icon on your desktop

Click Here!!

How do I get started? (cont.)

• Serial #: SM3-B0005F333-F45DE-X51-000PII-4I8

Click Here!!Click Here!!Click Here!!

Setting up the Master Data

• Click on Setup Master Data

Click Here!!Click Here!!

Setting up the Master Data (cont.)

• Click on General Data

Click Here!!Click Here!!

Setting up the Master Data(cont.)

• Fill out the General Data Values, then Double Click on Logo File

Click Here!!Click Here!!Click Here!!

Setting up the Master Data(cont.)

• Click on Import New File

Click Here!!

Creating the website (cont.)

• On the Desktop, Locate SmartStore Gotham Hardware Files

Click Here!!Click Here!!

Then Here!!Click

Here!!

Setting up the Master Data(cont.)

• Locate gotham Logo in the folder, Click Open, then OK

Click Here!!

Then Here!!

Click Here!!

Setting up the Master Data (cont.)

• Fill out E-mail Settings Values, then Click on GTB & Imprint

Click Here!!Click Here!!

Setting up the Master Data (cont.)

• Click on Write GTB

Click Here!!Click Here!!Click Here!!

Setting up the Master Data (cont.)

• Click on Edit HTML

Click Here!!

Setting up the Master Data (cont.)

• Locate Gotham GTB in the SmartStore Gotham Folder, Double Click to Open

Click Here!!Click Here!!

Setting up the Master Data (cont.)

• Edit . . . Select All, Edit . . . Copy

Click Here!!

Then Here!!

Setting up the Master Data (cont.)

• Click Edit . . . Add, Save and Close, & OK

Click Here!!

Then Here!!

Setting up the Master Data (cont.)

• Click on Write Imprint

Click Here!!

Setting up the Master Data (cont.)

• Click on Edit HTML

Click Here!!

Setting up the Master Data (cont.)

• Fill in Information below

Setting up the Master Data (cont.)

• To insert second address line: – Click View . . . HTML– Copy <br> & Paste after 122 Amsterdam Ave.– Click View . . . Design, Save and Close, OK

Click Here!!

Regional Settings• A Brief Tour: General, Number Format

Time Format

Finances• A Brief Tour: Tax Areas, Currencies

4% NY Sales Tax

Finances (cont.)

• To Change shipping options, Right Click . . . New Shipping Method Uncheck!!

Not enabled!!

Finances (cont.)• Fill out as needed, Click OK

Click Here!!Click Here!!

Lists

• A brief tour: Quantity Units, Manufacturer

Payment Methods

• Set All Payment Methods to No, except “Invoice”

Double Click on each of these!!

Payment Methods (cont.)• Uncheck to deactivate the payment mode

for each method of payment

Click Here!!

Then Here!!Then Here!!

Product Manager - Categories

• Right click to create new category

Click Here!!Right

Click Here!!

Product Manager - Categories (cont.)

Click Here!!

Click Here!!

Click Here!!

Click Here!!

Product Manager - Hammer

• To add a new product, Right click & select

Right Click & Select!!

Product Manager – Hammer General (cont.)

• Fill out Item No., Description 1 (& 2), Purchase Price, Sales Price,

Then Here!!

Click Here!!

Fill Out!!

Product Manager – Hammer Media

• Find Thumbnail & Product Pictures in Webstore folder on desktop

Click Here!!

Click Here!!

Product Manager – Hammer Media (cont.)

• Click on Import New File

Click Here!!

Product Manager – Hammer Media (cont.)

Click Here!!

Find regular sized Product pics here!!

Find smaller sized Thumbnail pics here!!

Click Here to select pic!!

Product Manager – Hammer Long Description (cont.)

• Write any long description here

Click Here!!

Product Manager – Hammer Quantity Discounts (cont.)

• You can have a discount price or %

Click Here!!

Enter Discount Info Here!!

Product Manager – Hammer Advanced (cont.)

• Use Meta tags to improve Search Engine Optimization (SEO)

Product Manager – Assigning Hammer to Tools

• Right click, select Move to Category

Right Click Here!!

Product Manager – Assigning Hammer to Tools (cont.)

• Select Hand and Electric Tools, Click OK

Then Here!!Click

Here!!

Complete Products: Drill Gun, Saw, Nails, & Paint

• Fill out: General, Media, Long Description, Quantity Discounts, & Advanced

Tweaking the website for VE

• Forms:Billing Address – Standard Controls

Tweaking the website for VE• Change VAT Registration Number Caption

Change the Caption to “VE Bank Acct#”

Check Here!!

Then Click Here!!

Tweaking the website for VE

Check Here!!

Select Requirement

Add the error messsage Then Click

Here!!

Tweaking the website for VE• Make email confirmation mandatory

Check Here!! Enter

Error Message

Click OK!!

Tweaking the website for VE• Template Manager Store Text - General

Change to “General Terms of Business”

Change to “Imprint / Legal Notice”

Tweaking the website for VE

• Template Manager Store Text - Home

Change to “General Terms of Business”

Tweaking the website for VE• Template Manager Store Text – Product

Detail Page

Change to “EAN / UPC Code:”

Change to “EAN / UPC Code:”

Tweaking the website for VE

• Template Manager Store Text – Product Detail Page

Change to “Sales Tax”

Change to “Price including Sales Tax”

Tweaking the website for VE

Change to “Sales Tax %”

Change to “Price without Sales Tax”

Change to “Sales Tax”Change to “Price

including Sales Tax”

Preview your Store• Choose Internal or External Browser

Click Here!!

Click Here!!

Click Here!!

Click Here!!

Change the Design Template

Click Here!!

Then Here!!

Change the Design Template

Select one of these

Click Here!!

Create your Store

Click Here!!

Then Here!!

Find the files to FTP

• Look here:

Find the files to FTP• Upload all the files in this folder to put your

webstore online.