<< Previous Page

What is a Catalog Page?
(This is a copy of the web page in our software. None of the links below are live)

This page type is for showcasing products and services. There are 3 different layouts to choose from. These are the only pages which are integrated with our shopping cart. After your page is set up, you can switch between the 3 layouts. To set up your payment processing, shipping, taxes, etc. for your products, please see Shopping Cart

Recommended Uses

• Useful for selling products and services with our shopping cart.

Screenshot

Overview

1. Description of the 3 Catalog Layouts
2. Adding a Catalog Page
3. Editing the Header and Footer
4. Setting Up Your Products and Services on Your Page
   • Drop Down Menus
   • Purchase Comments Box
   • Send Email
5. Changing the Order of Your Products
6. Deleting Your Products
7. Editing Your Products
8. Turning on Your Shopping Cart
9. Editing Your Title Tag, Meta Tag and Header Info
10. Adding a Friendly URL
11. Inventory Management

1. Description of the 3 Catalog Layouts

Product Thumbnails

Screenshot

• Visitors see a preview picture, title of the item and price
• Layout is 4 products across and then down
• This is a good choice if you have items which don't require explanation at first sight but may be chosen based on their presentation – e.g. dolls.
• When you click on the product, you see the following info: product code, name of product, price, full description, preview image on the right and up to 2 extra images.

Product List

Screenshot

• Visitors see the product name and price
• Layout is product name on the left and price on the right. One product per row.
• This is a good choice if your products do not need to be viewed -- e.g. Stanley 5/8” Nails.
• When you click on the product, you see the following info: product code, name of product, price, full description, preview image on the right and up to 2 extra images.

Product Previews

Screenshot

• Visitors see product name, preview picture, price and summary.
• Layout is picture of product on left. Beside picture, product name, summary and price. One product per row.
• This is a good choice if your products have a lot of features, may require explanation and are useful for shoppers to see in order to decide if they want the product – e.g. telephones.
• When you click on the product, you see the following info: product code, name of product, price, full description, preview image on the right and up to 2 extra images.

After you click on a product for any of the 3 layouts above, you see the product description page which looks like the image below. Note that you can have up to 3 photos show on this page. The first image is a the full size version of your thumbnail and then optionally 2 more full size images below that.

You can switch between descriptions anytime by clicking on "Edit Page" and then the "Change Layout" tab. Next, click on the layout you wish.

2. Adding a Catalog Page

1. Click on "Add Page" from your toolbar.
2. Choose layout "Catalog."

3. Enter a page name for your new page.
4. Click on the "Add Page" button.
5. Choose from one of the three layouts and click on it.

Note: You can change layouts anytime by going to your catalog page and clicking on "Edit Page" and then the "Layout" tab. Lastly click on the layout you wish to use.

3. Editing the Header and Footer

1. Click the "Edit Page" button from your toolbar.
2. Add your text to your header and footer then click the "Save" button.

4. Setting Up Your Products and Services on Your Page

Adding a Product

1. Click on the "Edit Page" button from your toolbar.
2. Click on the "Add Item" tab.

3. Enter your info and click on "Save."

Below, there is a description of each of the product options you see. Please note that the shopping cart buttons: Add to Cart, Shopping Cart and Check Out only show when your shopping cart is turned on. Your shopping cart cannot be turned on until after you convert your site to paid.

Product Options

Product Code
If you have a product code, enter it here. If not, leave the text box blank.

Name of Product
Enter the name of your product or service.

Selling Price
Enter your price. Please note that you cannot enter a range like $5.00 to $8.00. You have to pick an absolute amount. If you have several prices for a product, for example in different bundles, you should enter each bundle separately.

Full Description
Enter a description of your product or service. This description shows only when you click on the product from your product page to see the details of it.

Summary
Enter a summary of your product or service. This summary only shows for the layout Product Previews. It appears by your product on your product page. It does not show when you click on the product.

Product Images

You can add up to 3 images for each product. The image on the left labeled "Preview Image" is the image that is seen on the product page on the Product Thumbnails and Product Previews layouts. It is automatically changed into a thumbnail size when shown on those 2 layouts. For all 3 layouts, when the product is clicked on, the visitor sees the image in its full view. The images labeled "Image 2" and "Image 3" are also seen when the product is clicked on from the product page.

The "Click to put an image here" instructions are: .

1. Click on "Click to put an image here." A window opens.
2. To upload your own pictures, click on "Add Images" at the top.
3. Click on the "Browse..." button
4. Doubleclick on your image file. Repeat clicking on the "Browse" button if you wish to upload several images at once.
5. Choose a folder to put your image(s) into. Click on "Add Images to Library."
6. You will then see a thumbnail version of your image(s). Click on the image you wish to display.

Shipping Weight
This is only relevant to fill out if you are charging your shipping based on per unit of weight. If you do not plan to do this, you do not need to fill in this text box. For your own information, the other 2 ways of charging shipping is per item purchased and per order.

Availability
This text box is for your own use. It is not reflected on your viewed page.

Options
Checkmark "Check to make this item invisible" if you do not want your visitors to see the product. Please note though that you can see the product if you are logged in.

Checkmark "Check to make this item unavailable" if you want your visitors to be able to see the product, but be unable to purchase it. This is ideal if you have a product out of stock, but are expecting more.

If adding a downloadable product, you may upload the file here.(i.e. e-books, software etc)

1. To upload a file that you would like your customer to receive after you have been paid, upload your file by clicking on "Click ot Select a File."

2. A window will open up. Click on the "Browse..." button.

3. Your file manager will appear. Find your file and doubleclick on it.

4. Your file manager closes. Click on the "Save" button and the window closes.

5. You then see your filename in the text box above "Click to Select a File"

After your customer has paid for your product, they use a login and password to access the files. For more information, please go to Download: Ebook and File Sales

Product Options 1, 2, and 3
These options allow you to add up to 3 drop down menus. When used, a visitor can make choices for items like size and color. All these choices are then shown with the order so you will know what choices they made. To use this, fill in the "Description of List of Options" and then fill in the options you provide under "List of Options." In "List of Options," please ensure you keep 1 option per line. Leave blank if you do not wish to use the drop down menu.

The result of adding a drop down menu is:

Purchase Comments
With this option, you can add a comments box to collect info like a message to go with the product or the words a visitor wants printed on a shirt. In the text box, type out the instructions you want to have go with the comments box.

The result of adding a comment box is:

Send Email
Customers are sent an email automatically with the text you enter in this box. This option only works if you have your cart setup to process credit cards with Authorize.net. It is ideal for:

• e-book and file download sales so your customers are sent the web address of where to retrieve their file and the password to access the information
• special instructions that go with a product or service
• subscription sites which only members can access after they have paid so your new members are sent the access information

To set it up, enter in the note you would like to have appear in the email. Make sure you hit enter when you get to the end of a line.

The format of the email received is:

This information is provided with your purchase:

Your "Toaster" radio comes with a 2 year warranty. If there
are any problems with it, please call us with your order
receipt number at 1-800-123-4567.

The email is sent via the same email you entered for Email Notification If several items with the "Send Email" part filled out are bought, the customer is sent ONE email that contains all the messages separated by a doublespace between like this:

This information is provided with your purchase:

Your "Toaster" radio comes with a 2 year warranty. If there
are any problems with it, please call us with your order
receipt number at 1-800-123-4567.

Your "White Dial" radio comes with a 2 year warranty. If there
are any problems with it, please call us with your order
receipt number at 1-800-123-4567.

Result
The result of all our sample entries is the following:

5. Changing the Order of Your Products

1. Click on "Edit Page" from your toolbar.
2. Click on the "Edit Items" tab.

3. Under "Order," put each item in order according to lowest number (being the first item) to the highest number (being the last item). Click on the "Save" button when you have finished ordering your items.
   
   Example:
   
   If you have your sections in the following order:
   
   10 Apples
   20 Oranges
   30 Peaches
   40 Lemons
   
   and you would like to move Apples so that it is between Peaches and Lemons, change the number for Apples to any number from 31 to 39.

6. Deleting Your Products

1. Click on "Edit Page" from your toolbar.
2. Click on the "Edit Items" tab.

3. Click on the "Delete" button to the right of the item you wish to delete.

4. Click on the "Delete" button on the next page to confirm you wish to delete or if you change your mind, click on the "Cancel" button.

7. Editing Your Products

1. Click on the "Edit Page" button from your toolbar.
2. Click on the "Edit Items" tab.

3. Click on the "Edit" button beside the product you wish to edit.

or

1. Click on the product you wish to edit.
2. Click on the "Edit Page" button from the toolbar.
3. Make your changes and then click on the "Save" button.

8. Turning On Your Shopping Cart

Your shopping cart buttons will not appear for each of your products until after your shopping cart is switched to "Open Store" mode. This can only be done after your site is converted to paid. This is in the step Opening Your Store

9. Editing Your Title Tag, Meta Tag and Header Info

The title tag and meta tags you add to your site can help you with your search engine listing. Below is an explanation of what they are used for and how to enter them in. Additionally, for advanced members, we have included access to the <head></head> section.

Title Tag

The info in your title tag is often used by search engines as the text to link to your page.

Each page has its own title tag info. Some search engines may also look at your title tag for keywords that will bring up your site on their listings. Your title tag info also appears at the top left of your browser window.

To edit your title tag info on your page:

1. Click on "Edit Page" and then click on the "Internet Marketing" tab.

2. Under "HTML Title Tag," enter in your title.

3. Then, click on the "Save" button.

Note that if no title tag is entered, your title tag info is filled in with whatever page title you enter.

Meta Keywords and Meta Description

Meta tags (i.e. meta keyword tags and meta description tags) are sometimes used by search engines to help decide where to rank your web site. Each search engine has its own set of criteria and may change it from time to time. Usually the meta tags are inserted in the heading section of your html code. Within the tags, you would put a description of your site for the meta description and some keywords for the meta keywords.

We have two methods of adding in your meta tags. The first method adds the same meta tags to all your pages. The second method allows you to have individual meta tags for each page. The second method will override the first method for any page you add individual meta tags. For info on the first method, please go to Marketing Your Site: Meta Keywords and Meta Description

The second method is controlled right on your page.

1. Click on "Edit Page."
2. Click on the "Internet Marketing" tab.

3. In the space provided, type in your keywords (separate each keyword or keyword phrase by a comma) and your description. Please note that there is maximum character limit of 500.

4. Lastly, click on the "Save" button at the bottom.

Head Access

For advanced users, you can enter code designed for the head area of your source code. To do this:

1. Click on "Edit Page."
2. Click on the "Internet Marketing" tab.

3. In the box under "<head> </head> tag," enter in your code and click on "Save."

Please note that you should not enter in your meta keywords or meta description code here and leave the designated boxes we give you blank. When this is done, you end up with something like this in the code:

<meta name="keywords" content="">
<meta name="description" content="">
<meta name="keywords" content="cars,import cars,car detailing,car parts,honda,toyota,ferrari">
<meta name="description" content="The best source for import car information including tips on car details.">

Many search engines will only view the two blank meta codes.

10. Adding a Friendly URL

You have the option to customize your web address extension. For example instead of the www.YOURADDRESS.design-own-web.com/page/page/12345.html format you could have
www YOURADDRESS.designownweb.com/index.html To set this up, under "Add a Friendly URL," enter in the extension you would like. For example, if you enter index, the result is www YOURADDRESS.designownweb.com/index.html

• It makes your web page more search engine friendly and should result in a higher ranking.
• It makes it easier to give your customers a web address for any page on your site.
• It mirrors the structure for web page names on big corporate sites.

1. Go to the page you want to change the extension of and click on "Edit Page."
2. Under "Add a Friendly URL" enter in the extension you would like. For example, if you enter index, the result is
   www YOURADDRESS.designownweb.com/index.html

3. Save your page.

Notes:

• If you have your own domain name (e.g. YOURDOMAIN.com), your address will show as
  www YOURADDRESS.designownweb.com/index.html or www.YOURDOMAIN.com/index.html.
• Only letters, numbers and underscores allowed. Sorry, no numbers on their own (e.g. 9876) or underscores on their own.
• Once you change to a customized extension, you cannot change it back to the page/page/12345.htm format.
• If sites/search engines/directories/etc. have linked to your old page/page/12345.htm formatted pages, these links will forward to the new address. If you are listed on search engines/directories, note that they usually update their listings periodically. When they get to your link, they will delist your page/page/12345.htm formatted pages and in most cases will re-list the page with the new web address. Each search engine/directory has its own rules so there is no guarantee these pages will be re-listed. You may have to resubmit.

11. Inventory Management

For each of your products you have the option to have automated inventory management. This means you enter in the number of items you have and anytime they are bought, the number is reduced. When you run out of items, the product can be made invisible to visitors or you can have an out of stock message display. You can have some items with inventory management and some without it if you choose.

To enable inventory management for a product, go to the catalog page where your product is listed, click on your product and then click on "Edit Page." Check off the box "enable inventory managment for this product." Beside "Items in Stock" enter in the number of items you have available. Below that, you get to choose between 2 options:

Hide product: Product doesn't show once there are none left to sell.

Display out of stock message: Product shows but beside "Availability" is your out of stock message.

If you decide to have an out of stock message, a default message of:

This product is back-ordered; it is unavailable for ordering at this time please come back or continue shopping.

will show or you can edit this to a different message.

Note: If you have 1 item left and the customer adds 3 of these to his/her cart, when they go through the checkout steps, they will see that 2 of the items have been removed and there is a message that they have gone over what you have in stock.

<< Previous Page