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

Widgets and device-specific content

Describes widgets and device-specific content in Optimizely Configured Commerce.

Based on their mobile access strategy, organizations may wish to use widgets to change the way page content is displayed on various devices. Keep in mind, widgets themselves do not support the targeting of specific device types or other variables. Despite this, it is still possible to provide device-specific content.

For the purposes of this article, the focus is on the Rich Content widget.

First, using the device selector menu, choose the device type where content is to be displayed.

Second, add a widget to a page using the standard steps below:

  1. Hover over the CMS icon and click Show CMS.

  2. Click Show Content Tree. 

  3. Using the chevrons, expand the menu and select the page that will host the widget.

  4. Click Edit to expose the page editing options

  5. Click Content Add, which opens the Add Widget menu.

    📘

    Note

    In Configured Commerce 4.3, the Add Widget menu appears like so:

    Select Rich Content from the Item Type menu and choose Next.

  6. Add the Css Class (optional).

  7. Enter the desired content in the WYSIWYG editor

  8. Click Save.

Third, select the device type where you do not want content displayed and follow the steps below:

  1. Click widget Edit.

  2. Clear the content, and type a space in the text editor.

    📘

    Note

    Adding the space is necessary, as the WYSIWYG editor requires that there is content in the text area.

  3. Click Save.

  4. Click Publish.

  5. Approve the publishing, by clicking Publish.

  6. Click Edit in the upper left corner to hide the page editing options.

  7. Test the results by toggling between the device types.