PrintNowPrintNowDocs

Pricing Content

Add custom HTML content to pricing categories that displays on product detail pages in the storefront.

The Pricing Content page lets you manage rich HTML content blocks attached to each pricing category. When a product uses a pricing category that has content defined here, that content is rendered on the product detail page in the storefront. This is useful for adding pricing disclaimers, volume discount explanations, turnaround time notes, or promotional messaging that applies to all products sharing the same pricing structure.

Only pricing categories that are not groups appear in this list. The content you enter here is processed through the CMS rendering engine, which supports HTML snippets (using the {{snippetName}} syntax) for reusable content blocks.

View Pricing Content

  1. From your Unified Admin, go to Content > Pricing Content.
  2. The list displays all pricing categories for the current storefront in an AG Grid table.
  3. To search, click the Search button in the header to filter by pricing category name.
  4. To export all pricing content to an XLSX spreadsheet, click the overflow menu (three-dot icon) and select Export.
  5. To import pricing content from an XLSX spreadsheet, click the overflow menu and select Import. The spreadsheet must match the export format with columns: Id, Name, Main Content.

List Columns

ColumnDescription
CMS #The unique identifier for the pricing category record.
NameThe name of the pricing category. This name is defined in the Pricing configuration and cannot be edited from this page.
ActionClick the Edit button to open the content editor for this pricing category.

Edit Pricing Content

  1. From the Pricing Content list, click the Edit button on any row.
  2. The editor page opens with the pricing category name in the header (e.g., "CMS Pricing > Business Cards").
  3. Edit the HTML content using either the Design View or Code View tab.
  4. Click Save to save your changes, 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 (the same editor used in VS Code) for direct HTML editing. It includes syntax highlighting, a minimap, auto-formatting, 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. This works with both Design View and Code View.

Content Field

FieldDescription
ContentThe HTML content that will be rendered on the storefront for all products assigned to this pricing category. Supports full HTML, CSS, embedded snippets ({{snippetName}}), and any markup supported by the CMS rendering engine. Leave empty to hide the pricing content section on product pages.

Import and Export

Pricing content can be bulk-managed via XLSX spreadsheets.

Export: Downloads an XLSX file with sheet name "CMS_Pricing" containing all pricing category content. Columns: Id, Name, Main Content.

Import: Upload an XLSX file matching the export format. The import updates the content for each pricing category matched by Id. Rows that fail to import are reported as warnings. The import file is automatically cleaned up after processing.

Associations

AreaEffect
Product Detail PageWhen a product's pricing category has content defined here, it is rendered in the PricingContent section of the product detail page (viewDetails.aspx). The content is processed through the CMS rendering engine, which resolves embedded snippets and widgets before display.
Pricing CategoriesOnly non-group pricing categories appear in this list. The pricing category name and structure are managed in the Pricing configuration; this page only controls the associated CMS content.
  • Pricing — configure the pricing categories whose CMS content is managed here
  • HTML Snippets — reusable HTML blocks that can be embedded in pricing content
  • Product Content — manage product descriptions that display alongside pricing content
  • Category Content — manage category page content for products sharing the same pricing

On this page