Product Pages

Create your business's online catalog by adding products to your site. Each product gets its own page on the site. Products are also of course the basis of SCP's ecommerce features, including accepting online orders, discounting, inventory tracking, and much more. In this document we'll talk about creating product pages and adding content to the site for each product.

Product Basics

It's easy to create a product. In the administrator, click into Site Content -> Products, and click the plus icon to add a product:

The different fields for the product are organized like this:

As you add or edit a product and are going through each of its fields, take note of the following:

1. Code vs. SEO Code: These two fields deserve an explanation. They are similar but different.

   • Code: This field must be unique among all your products. If you leave it blank while adding a new product, the code will be generated automatically from the Name. Think of this has your handle on the product across all your systems and processes. Commonly, this matches up with the unique identifier you might use in other systems.

   • SEO Code: This field is NOT required, but it can be helpful for search engine optimization and communication with customers. It will be used as the URL for the product page if it's populated. To illustrate how it can be helpful, say you have a long or complicated Code for a product, such as "QRK1245601". While this code may help you identify it internally, it does not provide a lot of meaning to human users or search engines. On the other hand, if you define an SEO Code such as "high-strength-steel-screw-12-by-4", the URL for the product will be ".../product/high-strength-steel-screw-12-by-4". This URL tells both humans and search engines a lot more about what the product actually is.

2. Under the Content section, use the Description field to add any formatted content to the body of the product page. You can include references to reusable content blocks also in the description (see the docs on Reusable Content Blocks).

3. Also under the Content section, use the Category field to categorize the product. For more information, see the doc on Assigning Products to Categories.

4. Under the Images tab, upload the product's main large, medium, and small images. For information on managing images for products, visit the Product Images and Videos document.

How To Add 'Questions and Answers' To a Product Page

Adding a section of Questions and Answers is a common feature of product pages:

The system makes this a little easier via product settings. To add Questions and Answers to a product page, follow these steps:

1. Create a product if you haven't already.

2. For each question and answer pair, create a product setting. Under the product's three-dots menu, select Product Settings:

   

   Then click the plus icon to create a new one.

3. For the Name field, enter the text of the question.

4. For the Code field, enter a code like "qanda0001". The code field must be unique under the product, and this field is what the system will use to sort the questions and answers. For example, "qanda0001" will come first, followed by "qanda0002", "qanda0003", etc.

5. For Setting Type, select FAQ.

6. For Value Type, we suggest selecting Text Value or Rich Text Value. Here is what the Product Setting Add Form might look like:

7. The answer to the question will go into the Setting Value field, but before pasting or typing it there, we suggest clicking Add New Record first, and then Edit New Record.

8. When you are editing the content page setting, if you've selected Rich Text Value, a toolbar of formatting options will appear, which can be helpful for formatting the answer:

How To Add Specifications To a Product Page

Another common section of product pages is a list Specifications for the product, such as dimensions, or other physical characteristics:

The system makes it a little easier to add specifications also, via product settings. To add specifications to a product page, follow these steps:

1. Create a product if you haven't already.

2. For each specification, create a product setting. Under the product's three-dots menu, select Product Settings:

   

   Then click the plus icon to create a new one.

3. For the Name field, enter the label for the specification, such "Weight" or "Length".

4. For the Code field, enter a code like "spec0001". The code field must be unique under the product, and this field is what the system will use to sort the specifications. For example, "spec0001" will come first, followed by "spec0002", "spec0003", etc.

5. For Setting Type, select SPECIFICATION.

6. For Value Type, Medium Value is usually appropriate.

7. Put the value of the specification into the Setting Value field. Here is what the add form might look like:

   

How To Add Files Such As PDF Manuals To a Product Page

Another common need to provide downloadable files to your product page, for example, if you wish to provide a user manual for customers to download. For full details on how to do this, please visit this section of the Product Images and Videos document.