Brightspot CMS User Guide

Embedding a product list module


You can embed a product list into the rich-text editor. The list contains a title, short description, promos of each included product, and a call-to-action button.

To embed a list of products in the rich-text editor:

  1. From the rich-text editor's toolbar, select image > Product List.
  2. Using the following table as a reference, complete the fields as needed.
  3. Click Save & Close.
Caution
Inserting or modifying an embedded enhancement does not automatically save the enhancement in the asset. Be sure to save or publish the asset containing this embedded enhancement.

Field Description
List Select one of the following:
  • Inline—Configure a one-off list that is only used here and is not available in search.
  • Shared—Configure a shared list that can be used multiple times and is available in search.
Title Enter a title. This title is visible to the visitors to your site.
Description Enter a description. This description is visible to the visitors to your site.
Items Select one of the following:
  • Basic—Adds products to the list. A rendered basic list includes promos of the underlying products, and you cannot override the promos' text or image. (Changes to the products' promos appear in the rendered basic list.)
  • Advanced—Adds products' promos to the list. You can customize the promos' text and image. Your customizations remain even if a product's promo changes.
  • Dynamic—Displays a dynamic list of products. For information about configuring a dynamic list, see Understanding dynamic list settings.

For Basic and Advanced, click add_circle_outline below the Items field and use the content picker to select the products you want to add to this list. You also have the option to create new products from this menu as well. See Product for more information on creating a product.

Call To Action Select None, Internal or External.
  • None—No call to action button is displayed.
  • Internal—A call to action button is displayed that links to an internal asset.
  • External—A call to action button is displayed that links to an external URL.Using the Call to Action Advanced tab
When setting up an internal or external call to action, you have the option to set how the link will behave.

External—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
Internal—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Anchor—If the asset you are linking to has anchors present, such as a page with tabs, you can select items within the tabs to which to anchor. Then when your visitors click the Read More button, they are taken directly to that anchor.
Call To Action Button Text Enter text appearing on the call-to-action button. This text is visible to the visitors to your site.
Overrides tab
Anchor The Anchor field allows for deep-linking to this module via the value provided in this field.
Product List Enhancement Styles
Template Select the template of this module from the list of options. Templates are visual presentation presets that differ depending on the type of module.

    The following illustration shows just one example of how Brightspot renders a product list.

    Rendered product list Rendered product list
    Rendered product list


    See also:

    Previous Topic
    Embedding a logo list module
    Next Topic
    Embedding a podcast episode list module
    Was this topic helpful?
    Thanks for your feedback.
    Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

    Asset types
    Module types
    Page types
    Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

    Content types
    Modules
    Landing pages
    Everything you need to know when creating, managing, and administering content within Brightspot CMS.

    Dashboards
    Publishing
    Workflows
    Admin configurations
    A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

    Field types
    Content modeling
    Rich-text elements
    Images
    A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

    Google Analytics
    Shopify
    Apple News