Overview
The Edit Widgets Panel displays controls for all widgets in your campaign, enabling you to edit and arrange them. By default, the Edit Widgets Panel is open when the Campaign Builder loads. You can toggle its visibility by clicking its icon on the left side of the page. When Auto Layout is turned off, you can reposition the panel by dragging its header. With Auto Layout enabled, the panel is positioned in the top-left corner of the workspace.
Getting There
Click the Edit Widgets Panel button in the top-left corner of the Campaign Builder.
To move the panel:
- Click the Auto Layout icon
to turn off Auto Layout.
- Drag the panel to your preferred location.
Header Bar
Expand All Containers
Automatically expands all containers in the campaign.
Collapse All Containers
Automatically collapses all containers in the campaign.
Show/Hide CSS IDs:
Toggles the visibility of CSS IDs. By default, CSS IDs are visible.
Main Panel
In the Main Panel of the Edit Widgets Panel, you will be able to interact with widgets, rearrange, edit settings, and more.
Select a Widget
Click a widget to select it; it will be highlighted in blue. Once selected, additional icons (e.g., pencil, lock) become visible.
Reorder Widgets
Drag and drop widgets to rearrange their position within the campaign. You can drag and drop widgets in the Edit Widget Panel.
Rename a Widget
Double-click the widget's name to edit it. Press Enter/Return to save or click outside the field to cancel changes.
Lock a Widget
Click the lock icon to lock the widget, preventing it from being moved.
Click the lock icon again to unlock it.
Change Visibility
Hover over a widget and click the eye icon to open the Visibility Menu.
Learn more about Widget Visibility.
Edit a Widget
Hover over a widget and click the pencil icon to open its settings.
View CSS ID or Smart Label
CSS IDs and Smart Labels appear beneath the widget name. CSS IDs start with a # and Smart Labels are purple.
When CSS IDs are toggled off, hover over the widget to view the CSS ID in a tooltip.
Shift+Click the CSS ID or Smart Label to open the widget's Extras settings.
View Collected Entries:
Click the Entries Manager icon on a Form Container or Entry Display Widget to open the Entries Manager for the connected list.
Edit List Settings:
Click the Edit List Settings icon on a Form or Entry Display Widget to modify the settings of the attached list.
Footer Bar
Undo/Redo
Clicking the Undo icon will undo any changes made to the Widgets (except for styling elements). Click the Redo icon
to revert the Undo changes made.
Search Widgets
Type a widget name into the search field to highlight matching widgets in the campaign.
Copy Widgets
Copies selected widgets and their settings. Instead of using the copy button, you can also use the keyboard shortcut. Use Ctrl+C (PC) or Cmd+C (Mac).
Paste Widgets:
Paste the copied widgets into the campaign. Instead of using the paste button, you can also use the keyboard shortcut. Use Ctrl+V (PC) or Cmd+V (Mac).
Widgets can be copied and pasted from one campaign to another. To do so, have each campaign open in a different tab.
Put Selected Widgets in a Container:
Automatically create a Container Widget and place selected widgets inside it.
Remove Visibility Settings:
Clicking this icon removes visibility settings for selected widgets.
Delete a Widget:
Click the trash can icon to delete selected widgets. A confirmation pop-up will appear before deletion.
Note: For Container Widgets, all nested widgets will also be deleted.
View CSS ID:
Displays the CSS ID of the selected widget, even if CSS IDs are toggled off.