Dev GuideAPI Reference
Dev GuideAPI ReferenceUser GuideGitHubNuGetDev CommunitySubmit a ticketLog In
GitHubNuGetDev CommunitySubmit a ticket

Add a widget

Describes how to add widgets in Optimizely Configured Commerce.

Optimizely Configured Commerce allows content editors and administrators to design the look and feel of their website. Widgets are pre-configured content holders that allow you to rapidly add content to your pages without having to develop these elements.

Use widget templates to change the appearance of widgets on individual website pages, or create a custom template to change the appearance of a widget across all website pages.



If a widget is added to a predefined page in the CMS, all pages of that same type will also display the widget. This is also true of the categories displayed within the CMS. As an example, referring to the image below, adding the Carousel widget to Apparel will also be displayed on the Gear and Bikes Category pages with the same content.

Add the default widget template to a page, or add a custom widget template.

  1. To add a widget to a webpage, access the Admin Console.

  2. At the top of the screen, click View Website.

  3. Select the desired website from the list.

  4. Hover over Show CMS in the upper left corner and select the Show CMS pencil.

  5. Select Edit CMS in the upper left corner to edit.

  6. Select the desired page- it may be necessary to expand the sections to view all page options.

  7. Click Add Content to add a widget.

  8. Select the Item Type, and determine if the default template should be used by checking or unchecking the Use Default Template checkbox.



    If the Use Default Template checkbox is checked, the system assigns the widget template designated in the Admin Console as the default template for the selected Item Type (Content Item Class in the Admin Console). If the default template is changed in the Admin Console, it also changes in the CMS.

  9. If the Use Default Template checkbox is unchecked, a drop-down appears listing all widget templates available for the selected Item Type. Select a template, and click Next.

  10. If the selected Item Type requires any additional information, add it, then click Save.