Skip to main content

Manage your widgets

Access the Widgets dashboard

To access the Widgets dashboard, click Studio > Widgets.

Structure of the Widgets dashboard

  • Header: Includes the New widget button.
  • Search bar: Search tool; number of created widgets
  • Cards: Information on the widgets: status, Edit button, three-dots menu to apply actions to a widget.
  • Sidebar: filters, columns, views.

Widget information

Each widget is represented by a card that indicates its main information.

Hover over the tooltip to the right of a widget's name to access detailed information about the widget.

Dashboard sidebar

Filter

You can filter your widgets based on several criteria:

  • Project
  • Widget type
  • Status
  • Linked to
  • Tag
  • Creator

Select the filters and click Apply. Click Save as view to save your configuration as a view.

Columns

Display

Select which columns you'd like to display on the dashboard table. Click the checkbox associated with a column to select or deselect it. Click Apply to apply your changes.

Sort by

Select the criteria by which to sort your widgets and the associated sorting rule (for example, newest to oldest, alphabetical, ascending number of tags).

Views

Select which view you'd like to apply to the dashboard. To change the default view, click a view's three-dots menu > Default.

Edit a widget

Click the pencil icon to edit a widget. Depending on how you set up the widget, you will be redirected to the Code editor or the Widget Studio.

Secondary actions

Click the three-dots menu on a widget's card to access the available actions. The actions depend on your widget's status.

Rename

You can rename a widget.

Click Save to validate the widget's renaming.

Manage tags

You can manage the tags associated with a widget.

Tags associated with your widget are highlighted in the Manage tags sidebar and widget card. You can associate tags and create new ones. Click Save to validate your choices.

Duplicate

You can duplicate a widget.

Click Save to validate the widget's duplication. You can find the new widget in the Dashboard.

View code

You can view a widget's code.

You can change which devices the widget displays on and its position on the page. Click View code again to view the widget's JS and CSS code, copy the code, or expand the window.

Export to .json

Download your widget as a .json file.

Activate/Deactivate

You must activate a widget to use it in a campaign.

A widget's status is indicated on its card. If its card is white, the widget is activated. If its card is gray, the widget is deactivated.

caution

If you deactivate a widget, you can't use it in your campaigns.

Delete

You can delete a widget.

Confirm your choice in the pop-in to validate the widget's deletion.