Product Content

Manage the HTML content and SEO metadata displayed on each product's detail page in the storefront.

The Product Content page lets you manage the rich HTML content block that appears on each product's detail page in the storefront. Every product in your catalog has a corresponding CMS entry here where you can write product descriptions, add promotional messaging, embed images, or include any custom HTML. The content you enter is stored as the product's longDescription and rendered through the CMS engine on the storefront's product detail page.

This page also provides SEO metadata management (title, keywords, description, friendly URL) and a layout selector that controls how the content is rendered. Products can be filtered by category, and the list supports bulk import and export via XLSX spreadsheets. Extended content tags allow you to maintain multiple content variations per product for multi-language or variant content scenarios.

View Product Content

From your Unified Admin, go to Content > Product Content.
The list displays all products for the current storefront in an AG Grid table.
To search, click the Search button to reveal the search panel. You can filter by a text search term and optionally by product category.
To toggle flags inline, click the Req. Login or Published checkboxes directly in the grid. Changes are saved immediately.
To export all product content to an XLSX spreadsheet, click the overflow menu (three-dot icon) and select Export.
To import product content from an XLSX spreadsheet, click the overflow menu and select Import.

List Columns

Column	Description
CMS #	The unique identifier for the product's CMS record.
Product	The product name as defined in the Products configuration.
Friendly Url	The SEO-friendly URL path used to access this product on the storefront (e.g., `business-cards`).
Req. Login	Checkbox indicating whether the customer must be logged in to view this product page. Toggling this updates the flag immediately. Disabled for static pages on non-retail stores.
Published	Checkbox indicating whether the product page is visible on the storefront. Toggling this updates the flag immediately.
Action	Click the Edit button to open the content editor for this product.

Edit Product Content

From the Product Content list, click the Edit button on any row.
The editor page opens with the product name in the header (e.g., "CMS Products > Business Cards").
The left side of the page contains the content editor. The right sidebar contains Product Details and Product SEO sections.
Edit the HTML content using either the Design View or Code View tab.
Click Save to save all changes (content, layout, login requirement, and SEO metadata), or Cancel to return to the list without saving.

Tabs: Design View | Code View | Fullscreen

Design View

The Design View tab provides a Froala WYSIWYG editor for visual content editing. The editor supports rich text formatting, images, tables, links, and all standard HTML elements. A Snippets button in the toolbar lets you insert reusable HTML snippets using the {{snippetName}} syntax. The editor loads your storefront's CSS files so the content preview matches the live site appearance.

Code View

The Code View tab provides a Monaco code editor for direct HTML editing. It includes syntax highlighting, a minimap, auto-formatting on load, and a dark theme. Use this view for precise HTML control or when pasting content from external sources.

Fullscreen

Click the fullscreen icon tab to expand the editor to fill the entire screen. Click it again to exit fullscreen mode.

Extended Content Tags

Above the editor tabs, a tag selector shows the currently active content tag (displayed as a pill with the tag name). Click the overflow button next to it to switch between content tags. The default tag (tag id 0) represents the primary product content. Additional tags allow you to maintain variant content blocks (e.g., for different languages or content variations). Each tag's content is saved independently. Tags are configured in the Extended Content settings with a "product" scope.

Field	Description
Preview	Opens the product page on the live storefront in a new browser tab. Only enabled when the product is published.
Layout	Controls the container width for the product content on the storefront. Options: Default — inherits the site theme layout Fixed Width — renders content in a `container` class (centered, max-width constrained) Full Width — renders content in a `container-fluid` class (full viewport width)
Req. Login	When checked, only authenticated customers can view this product page. Disabled for static pages on non-retail stores.

Field	Description
Title	The HTML `<title>` tag and Open Graph title for the product page. Used by search engines and browser tabs.
Keywords	Meta keywords for the product page. While most search engines no longer use this field for ranking, it can be useful for internal site search.
Description	The meta description displayed in search engine results below the page title. Should be a concise summary of the product.
Friendly Url	The URL path segment for this product page (e.g., `business-cards`). Must be unique across the storefront. An error message appears if the URL is already in use. Cannot be blank.

Import and Export

Product content can be bulk-managed via XLSX spreadsheets.

Export: Downloads an XLSX file containing all product CMS records. Columns include: Id, Product, Url, Main Content, Title, Keywords, Description, Sidebar, Blank Page, Req. Login, Published, plus any extended content tag columns.

Import: Upload an XLSX file matching the export format. The import updates content for each product matched by CMS ID. Name and URL cannot be blank. Extended content tags are created or updated automatically. Rows that fail to import are reported as warnings.

Associations

Print Store

Area	Effect
Product Detail Page	The content entered here is rendered in the `ProductCmsContent` placeholder on `viewDetails.aspx` via the CMS rendering engine. The engine processes embedded HTML snippets and widgets before display.
SEO / Open Graph	The product's `shortDescription` is used for the Open Graph description meta tag. The SEO Title, Keywords, Description, and Friendly URL configured here control the page's search engine metadata.
URL Routing	The Friendly URL value maps to the storefront's SEO URL routing system (`SeoCore` table), making the product accessible at the configured path.
Published Flag	Unpublished products are hidden from the storefront. The Published checkbox controls visibility without deleting the product.
Require Login	When enabled, unauthenticated visitors are redirected to sign in before they can view the product page.

Products — configure the products whose CMS content and SEO metadata are managed here
Categories — organize products into categories that also have their own CMS content
HTML Snippets — reusable HTML blocks that can be embedded in product descriptions
Extended Content — define additional named content sections for product pages
Pricing Content — manage pricing-related content that appears on product detail pages