ClipOn Commerce™

Introduction

The ClipOn Commerce e-Commerce package is a powerful tool designed to help you build and maintain your on-line business. With the ClipOn Commerce tool, you can add and update your product information, images, and descriptions. There are several application categories within the ClipOn Commerce environment.

Getting Started

  1. Select ClipOn Commerce from the V4.1™ Tools Manager bar. The ClipOn Commerce main page will appear. From here you can use the My Store, Product Manager, Store Manager, and Order Manager functions.

The ClipOn Commerce main page

My Store

Back to Top

The first step in using the ClipOn Commerce™ tool is to determine the look and feel of your store front. You can do this through the functions in My Store.

My Store screen

Edit Store Info
Use this function to enter all your pertinent store information. There are several options in the Edit Store function.

General Information

Store Links

Contact Information

Determine whether you want your contact information displayed. If you select Yes, fill in the remaining text fields.

Once you have completed entering your information, click Done.

Edit Store Design
This option allows you to design your virtual storefront. If you have the Complete e-Commerce package, you can design your storefront with the powerful WebWizard tool.

  1. Select Edit Store Design from the My Store menu. The Edit Store Design screen will appear. The options within this screen are:

Upload Store Logo

You can either upload a custom logo for your on-line store or use the default logo provided. In either case, please note that the maximum image size is 450 pixels by 116 pixels, and the maximum file size is 25k.

To use a custom logo:

  1. Select View Image Library. The Image Upload window will appear.

  2. Select the image that you would like to use for your logo by clicking Browse and scanning the files on your hard drive.

  3. Click Go. The image will be uploaded to your V4.1™ file directory.

  4. The image will be listed in the files window. Click on the filename for image you uploaded and then Click Update. If you don't want to use the image you uploaded,scroll over the other images within the files window and thumbnails of them will appear above. Click on the one you desire and click Update within the file viewer.

 
The Image Upload window and options.

To use the default logo:

  1. Click Use Default Image. The default image will appear in the image preview area above the View Image Library and Use Default Image options within the Upload Store Logo function.

  2. Click Update.

Back to Top

Layout Options

There are three different options for laying out your on-line catalog:

To choose a particular layout style, select your preferred option from the menu within the Layout Options. Click Update. The layout style will be applied to your pages.

At any point in designing your store, you can return to the My Store screen and change your layout.

Navigation and Color Options

This option allows you to choose the navigation bar and color scheme options for your on-line store.

Navigation Bar

A navigation bar, or "navbar," is an aid your viewers can use to find their way around your site. In the ClipOn Commerce tool you can select a navigation bar template.

The Navigation Bar menu

1. Select the template navigation bar that you prefer from the drop-down menu.

Color Options

This option allows you to determine the colors of the various elements on your store pages.

The Color Menu and color options
  1. Select the desired element from the drop-down menu.
  1. Click on the desired color square from the Color menu. As you edit the color elements, the title of each element will adopt its current color.

  2. Once you have made your navigation and color selections, click Update. You will return to the Edit Store Design screen.

Product Description Options

This option allows you to choose the product information in your ClipOn Commerce™ store that you want displayed on your pages. The information will be organized in the layout you chose in the Layout Options function.

  1. To select the product information you want included, click the checkbox beside the appropriate fields.

  2. Click Update. You will be returned to the Edit Store Design screen.

Back to Top

Edit Store URL
This is the address, or URL, of your store within the Pacific WebWorks servers. It actually consists of two combined addresses. This combination gives your store a secure site that has a unique address on the Internet. The first part of the name is a Pacific WebWorks server name; the second is your store name. (This is not the URL for your website).

  1. From the Choose a Server drop-down menu, select one of the three servers. You may choose any of them; they all have the same functionality.

  2. Enter your store name in the textbox. Your store name can be any combination of numbers and letters. Do not use spaces or hyphens.

  3. Click Update. The URL will be applied to your ClipOn Commerce store.

Note: It may take up to 30 minutes before your new URL will be available.

Open/Close Store
This function allows you to place a "Store Closed" sign on your Web site while you are doing updates or repairs. Close your store by clicking No and then clicking Update.

Log out
This function will log you out of the ClipOn Commerce tool and return you to the ClipOn Commerce login window.

Everything in the My Store option saves automatically as you make changes.

Product Manager

Back to Top

The ClipOn Commerce™ Product Manager is used to organize and maintain your product database.

Add/Edit Products and Categories
This function enables you to create product categories and add, edit, or delete the information about your products.

The Add/Edit Products and Categories screen

The Add/Edit Products and Categories screen is made up of two frames. Your categories and subcategories are displayed as folders in the left frame. There is a box next to each category name, with a + or - sign next to it. The + sign means that there are additional categories in the category or subcategory. The - sign means that the files and/or folders are displayed. The options within this function are displayed in the right frame. The name of the current category is displayed at the top of the right frame in large blue letters.

There are several options within this function.

Add A Subcategory
This will create an additional subcategory in your product database.

1. Click Add a Subcategory from the right frame. The New Subcategory window will appear.

The New Subcategory window
  1. Enter the names of up to five new subcategories.

  2. Click Create Subcategories. You will be returned to the Add/Edit Product Categories screen and your new subcategories will appear in the left frame. Repeat this process if you need to add more than 5 Sub-Categories.

Change this Category's Name
This option allows you to change the name of an existing category.

  1. Select the category you wish to change by selecting the appropriate file name from the left frame.

  2. Click Change this Category's Name. A small pop-up window will appear.

  3. Enter the new name for your category in the textbox.

  4. Click Change Name. You will be returned to the Add/Edit Product Categories screen and the new category name will appear in the left frame.

Note: The Top Level category cannot be renamed or removed.

Remember to save your site often by selecting Delete/Update Selected Products from the top right area of your computer screen.

Enable/Disable this Category
This option allows you to add or remove an entire category of products from your ClipOn Commerce™ store.

  1. Select the category you wish to enable or disable by selecting the appropriate category name from the left frame.

  2. Click Enable/Disable this Category. A pop-up window will appear, informing you that the category has been enabled or disabled.

  3. Click OK in the Windows Dialogue Box. You will be returned to the Add/Edit Products & Categories screen. When a category has been disabled, its folder icon in the left frame will become gray. Enabling the category will return the folder to its original yellow color.

Delete this Category
This option will permanently delete the selected category.

  1. Select the category you wish to delete by selecting the appropriate category name from the left frame.

  2. Click Delete this Category.

  3. You will be returned to the Add/Edit Product Categories screen and the selected category will be deleted.

Note: If any products are in a category that you want to delete, they will be moved to the Top Level.

Add Products to this Category
This Option allows you to add products to an existing category.

  1. Select the category to which you want to add products by selecting the appropriate file name from the left frame.

  2. Click Add Products to this Category. The Add Products screen will appear. From here you have two options.
  1. Click Upload to add a graphic to your product description. The Image Upload window will appear.

The Image Upload window
  1. Locate the desired graphic file on your hard drive.

  2. Select your desired file. The file path will appear in the bottom text box.

  3. Click Go. The file will be copied to your product database.

Note: Your uploaded image will be automatically resized to fit the screen. The larger the original size of the graphic image file, the longer it takes for a page to load, even if you select a smaller display size. You may wish to use an image editor to reduce the overall size and number of colors in your image.

Product Descriptions and Keywords

After you have completed this section, click Back to Main Menu, found in the top right-hand corner of the right frame.

Moving Products to a different Category

  1. Click Move existing products to this category from the right frame. The Build Product/Inventory List screen will appear. From here you have several options.

  2. Once you have completed your selection, choose Build Add-To-Category List.

  3. For more information about the other options listed there click here.

  4. Once you have completed your selection, click Build Product List at the top of the screen. The Product Quick View screen will appear, displaying your newly created product list.

Back to Top

List All Products in this Category
This option enables you to list every product that is included in this category.

You can also add a new product from this screen. Click Add a New Product to This Category and the Add/Edit Product screen will appear.

Manage this Category's Inventory
To use this feature, you must first enable it in the Product Manager menu by selecting the Use Inventory Manager and then choosing Yes from the Use Inventory Manager option.

When the Use Inventory Manager option is enabled, the Inventory Manager screen will appear when Manage this Category's Inventory is selected.

The Inventory Manager allows you to enter new inventory information about specific products within a given category. Five fields are displayed – two are filled automatically and cannot be changed, and the remaining three are filled out at your discretion.

Once you have completed entering your data for each product, click Update inventory.

List ALL Products
This option enables you to list every product in every category.

Select List ALL Products. The Product Quick View screen will appear. From this screen, you can:

Remember to save your site often by selecting Delete/Update Selected Products from the ClipOn Commerce™ options at the top right of your computer screen.

Build a Product/Inventory List
This option allows you to create or sort a list of your existing products. There are several options in this function.

  1. After clicking Build/Sort a Product List, the Build Product/Inventory list screen will appear.

  2. Determine if you want to build a list only out of products not assigned to a category by checking or leaving blank the first text box.

  3. Determine the following options.

Once you have completed your selection, click Build Product List at the top of the screen. The Product Quick View screen will appear, displaying your newly created product list.