We will use the following "Planning Process and Steps" to complete your Shopsite Website Project. The steps will be completed throughout the semester as you complete the Worksheets, the LEXs, and the Shopsite Project demos .

Step 1 - Sitemap & Storyboard your site! Include...

• Pick your domain name and note the URL for the home page
• 2 - 3 levels at least
• Decide if the Home page and other pages will all be on the Shopsite server OR if you will have the home page and some other pages on the domain server and switch to the secure Shopsite server for checkout and credit card processing, or special its features. For instance, your choices are:
  • We are using ShopSite for our shopping cart, order and product data base, real-time credit card processing, analytics and selling tools. To create the Shop's product pages, we have three methods to choose from.
    1. We could use ShopSite's built-in templates and let ShopSite create the product pages automatically,
    2. We could design our own custom templates using ShopSite's easy-to-learn templating language.
    3. We can use a feature called Order Anywhere which allows you to link your products from any Web page to your ShopSite cart. This means you can use any Web editor you want to create the rest of your store. For instance, you can build your pages using DreamWeaver, or FrontPage. Example | Shopsite FAQ's | Cruzio Shopsite Store
• Create a root folder to hold your web assets: wireframe, graphics, logo, NavBar, etc.
• Storyboard Your Site (Make a Web-tree)
  • choose file names for each page
  • choose page titles for each page
  • outline general or specific content for each page
  • Create a SiteMap
  • Sample Storyboard | SiteMap Example | Sample Website
• Create a Logo using free tools Paint | cooltext.com
• Create a NavBar: icons or text Navbars
• Create a Wireframe version of your site wireframes | Sample
• Develop Thumbnails, Comps and/or Template choices in Shopsite Comp: Content Map

Step 2 - Gather Resources

• Logo & other store graphics
• Product Graphics: Thumbnails and full size
• Product names, descriptions
• Product Prices
• SKU's & other data for shipping, order fulfillment, tracking and records
• Product shipping weights
• Gateway company and online Merchant account

Step 3 - Payment, Tax & Shipping policies

Step 5 - Use Shopsite templates and/or your own Web editor Get Started.docx | Get Started.doc

• Web editor for homepage & catalog + Shopsite for cart, checkout & OrderAnywhere links to catalog
  - OR -
• Shopsite Templates for homepage, catalog, cart, checkout & OrderAnywhere links to catalog

Step 1- The URL for each student store will be: http://cabshop1.cabrillocollege.biz where you use cabshop1 to cabshop30 as shown below to see your site. Each site has a pre made New ShopSite Store Initial Page, so if you type the URL you will see your initial homepage. You will want to replace it, soon.

Do Not use your assigned store yet! from the list below.

Step 2 - Access your ShopSite Store Manager Back-end screen by typing the following URL into a browser window:

http://cabshop##.cabrillocollege.biz/cgi-bin/ss/start.cgi
(replace the ## with your cabshop number: for example - ## with 13 or ## with 7)

Your Login will be

Username = cabshop1 (Use your # 2 thru 30)
Password = CHANGEme (case sensitive) DO NOT change your password.

DO NOT change your password. Leave it as CHANGEme. it is possible to change your password later but not your username. ..but I really prefer you don't. (ALSO, if you do anyway, you will need to email your new password to me or I will be required to delete your site) Please do NOT change the password for your store!

Step 3 - Use the Template Wizard to start your site

A "'wizard" will open and you should follow the screen directions by clicking on the Next button. I'll walk you through this so I can explain some options as we go, such as uploading graphics and setting retail sales tax rates.

Click here to see your Retail Sales Tax Rate

Test the Credit Card feature using 4111 1111 1111 1111 where you have 16 digits with the first number being 4.

Step 4 - Finish the wizard and then Click on the ShopSite Tab to continue creating your Catalog and set other functions.

Sample Graphics

| CD1 | CD2 | CD3 | Ablum1 | Album2 | Album3 | Album4 | Album5 | Album6 | Album7 | StoreLogo |

| CDLogo1 | Logo2 | Logo3 | Soccer1 | Soccer2 | Soccer3 | Soccer4 | SportsLogo |