Widget Actions (Classic Editor)

This section covers common actions you can perform on widgets in the Classic Editor, including : alignment, container selection, copy and paste, hiding on device , HTML/CSS editing, anchors, and deletion.

Alignment (Classic Editor)

📘

NOTE

This information is specific to the Classic Editor, and not relevant for Editor 2.0 (formerly known as the All-Flex Editor.) To identify your current editor version, see How to Identify the Editor Version Your Site Uses.


Set whether the widget is aligned to the left, right, or center of its area. Some widgets behave very differently in different views. Check the way your widget displays in each view after adding it to make sure it displays correctly.

To set the alignment, right-click the widget, and click on Align Left, Align Center, or Align Right icon.





For alignment options in Flex mode or Editor 2.0, see Design with Flex.

Select Container

Selects the container the widget is in, allowing you to easily find and edit it.

Classic Editor : Right-click the widget, click Select Container, and select** Column** or Row.

Editor 2.0 : Right-click the widget, click Select Layer and select the desired container.


Copy and Paste

A widget can be copied and pasted to another location. The paste option only appears if you have a widget that has been copied.

Right-click the widget, and click Copy or Paste.

Alternatively, in Editor 2.0, click the Duplicate icon in the floating menu.


📘

WARNING

We do not recommend copying and pasting contact forms, as this typically results in issues in the duplicated contact form.


Hide on Device

Use the hide on device feature to change your content depending on the device your visitor uses to access your website. For example, show a click-to-call widget for mobile users or a contact form for desktop users.

Widgets hidden by the Hide On Device feature are not deleted.


Classic Editor

Right click the widget, click Hide on Device, select a device. If an eye icon is present in the side panel, this indicates there are hidden elements on the device you are currently editing. To view the hidden elements, click the eye icon.


Editor 2.0

Elements can only be hidden on devices currently being edited.

To hide an element: in the side panel, click Layers, hover over the desired element, and click the Eye icon. If there are hidden elements on the device you are currently editing, it will be indicated in the layers panel with a crossed out eye icon


📘

NOTE

Hidden content may still show in the code of the live site (after publishing/republishing). This is expected and due to the technology used.


Edit Widget HTML/CSS

Allows you to make changes to the widget's HTML or CSS. We only recommend this option if you are comfortable with these languages.

Right-click the widget, and then click Edit HTML/CSS.


Set Widget as Anchor

Anchor links let you send visitors to a specific section of the page, making it easier for them to get from place to place on a longer page or to a specific section that you want to reference. Right-click the widget, and click Set As Anchor.

For more information about anchors, see Canvas Actions and Options.


Delete Widget

To delete a widget, removing it from all devices, right-click the widget, and click Delete.


What’s Next