Switcher
The Switcher widget is a compact way to present two related sections of content within the same space, allowing users to toggle between them instantly. It’s ideal for comparisons, pricing plans, feature differences, or alternate views, helping reduce clutter while keeping information easy to access. By combining a simple switch control with fully editable content areas, it improves clarity, saves space, and creates a more interactive browsing experience without requiring additional pages or complex layouts.
Switcher Options
Switcher Options
After dragging and dropping the Switcher widget into your content, you can access its settings by selecting the left-most icon in the toolbar.
Switcher Label Typography
Here you can adjust the typography of the switcher labels.
Switcher Color Options
This section allows you to customize the colors of the background, text, border, and shadow, including hover states.
Switcher Width
Here you can modify the switcher’s width and access the Styling and Effects panels for additional customization.
When referring to the Styling Panel of the widget, please see the Widgets Styling article for more details and an in-depth guide. Note that most widgets share similar styling options, with slight variations depending on the specific widget.
Switcher Layouts
This option lets you choose between two layout styles: labels displayed inside the switcher or outside of it.
Switcher Spacing
This setting controls the spacing between the switcher and the content below.
Switcher Label Icon
The Icon tab allows you to add an icon to the label and adjust its size and spacing relative to the text.
Widget Settings
The widget includes a simple toolbar with options to open the Styling panel, duplicate the widget, or delete it.
Editable Areas
Below the switcher are two fully editable content areas, one for each tab. You can add columns, images, text, buttons, or any other widgets and structure them freely.
Label Name
To rename a label, simply click it and edit the text as you would with any other text element in the builder.