Product Pages

Create your business's online catalog by adding products to your website. Each product gets its own dedicated page, and products form the foundation of SCP's comprehensive e-commerce features, including online order processing, discount management, inventory tracking, and much more. In this guide, we'll walk you through creating professional product pages and adding compelling content for each product in your catalog.

Product Basics

Creating a product in SCP is straightforward and user-friendly. In the administrator interface, navigate to Site Content → Products, and click the plus icon to add a new product:

The product creation form organizes all the essential fields in a logical structure:

As you add or edit a product, here are the key fields and concepts to understand:

1. Code vs. SEO Code: These two fields serve different but complementary purposes:

   • Code: This field must be unique among all your products and serves as your internal product identifier. If you leave it blank when adding a new product, the system will automatically generate it from the product name. Think of this as your primary handle for the product across all your systems and processes. This code typically matches the unique identifier you might use in inventory management or other business systems.

   • SEO Code: This field is optional but highly recommended for search engine optimization and improved customer communication. When populated, it becomes the URL for the product page. For example, if you have a complex internal code like "QRK1245601," it may help you identify the product internally but provides little meaning to customers or search engines. However, an SEO Code like "high-strength-steel-screw-12-by-4" creates a URL such as ".../product/high-strength-steel-screw-12-by-4", which clearly communicates what the product is to both humans and search engines.

2. Product Description: Under the Content section, use the Description field to add rich, formatted content to your product page. This is where you can showcase your product's features, benefits, and specifications. You can also include references to reusable content blocks in the description (see our guide on Reusable Content Blocks).

3. Product Categorization: Also in the Content section, use the Category field to properly categorize your product within your site's structure. Proper categorization helps customers find products through navigation and improves your site's organization. For detailed information, see our documentation on Assigning Products to Categories.

4. Product Images: Under the Images tab, upload your product's main images in large, medium, and small sizes. High-quality product images are crucial for e-commerce success. For comprehensive information on managing product images and videos, visit our Product Images and Videos guide.

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

Adding a Questions and Answers section is a popular and effective way to address common customer inquiries directly on your product pages:

SCP makes it easy to implement this feature through product settings. Here's how to add Questions and Answers to any product page:

1. Create your product if you haven't already done so.

2. Set up question and answer pairs by creating product settings. Access the product settings by clicking the three-dots menu next to your product and selecting "Product Settings":

   

   Then click the plus icon to create a new setting.

3. Enter the question: In the Name field, enter the text of your question exactly as you want customers to see it.

4. Create a unique code: In the Code field, enter a descriptive code like "qanda0001". This code must be unique within the product and determines the display order of your questions and answers. Use a numbering system (e.g., "qanda0001", "qanda0002", "qanda0003") to control the sequence in which questions appear on your product page.

5. Select the setting type: For the Setting Type field, choose "FAQ".

6. Choose the value type: For Value Type, we recommend selecting either "Text Value" for simple text answers or "Rich Text Value" for answers that need formatting like bold text, links, or lists. Here's what the Product Setting Add Form looks like:

   

7. Add your answer: The answer to the question goes in the Setting Value field. Before entering your answer, we recommend clicking "Add New Record" first, then "Edit New Record" to access the full editing interface.

8. Format your answer: When editing with Rich Text Value selected, a comprehensive formatting toolbar appears, giving you options to style your answer with bold text, bullet points, links, and more:

   

How To Add Specifications To a Product Page

Product specifications are essential for helping customers understand the technical details and physical characteristics of your products. Here's what a well-formatted specifications section looks like:

SCP streamlines the process of adding specifications through the product settings system. Follow these steps to add specifications to any product page:

1. Create your product if you haven't already done so.

2. Create specification entries by setting up product settings. Access the product settings through the product's three-dots menu and select "Product Settings":

   

   Then click the plus icon to create a new setting.

3. Enter the specification label: In the Name field, enter the descriptive label for your specification, such as "Weight," "Dimensions," "Material," or "Power Requirements."

4. Create an ordering code: In the Code field, enter a code like "spec0001". This code must be unique within the product and determines the display order of your specifications. Use sequential numbering (e.g., "spec0001", "spec0002", "spec0003") to control how specifications appear on your product page.

5. Select the setting type: For Setting Type, choose "SPECIFICATION".

6. Choose the value type: For Value Type, "Medium Value" is typically the most appropriate choice for specification data.

7. Enter the specification value: Add the actual specification data in the Setting Value field. Here's what the completed form looks like:

   

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

Many businesses need to provide downloadable files on their product pages, such as user manuals, installation guides, technical specifications, or warranty information. This feature enhances customer experience by providing immediate access to important product documentation.

For complete instructions on adding downloadable files to your products, please visit this section of the Product Images and Videos document.