The Action button widget is part of the Promotional Content widget category. For more information on the widgets, please refer to Widgets configuration in the visual editor.
Introduction
The Action button widget allows you to incorporate a dynamic element into your variations that executes when the button is clicked.
Those elements are:
- A link to a page or a URL
- JavaScript code to execute
- Triggering another widget
Configuration
Layout tab
The action button appears as a tab, referred to as a Sticky Button. It will appear to one edge of the screen, presenting a headline, and optionally an icon, to invite visitors to click on it. The widget will be placed at the left edge of the screen by default.
When the Free placement is selected via the layout tab, the sticky button will be replaced by a standard button. The user can then define where the button must be placed.
Content tab
Adding a link
To add a link to the action button, select the Link option and enter the URL you want to link to.
Adding JavaScript code
To add JavaScript code to the action button, select the JavaScript option and enter the code you want to execute.
Triggering another widget
Configure the action button
- To trigger another widget when the action button is clicked, select the Trigger another widget option and select the widget you want to trigger.
Configure the widget to trigger
- Add another widget to your variation that you want to trigger when the action button is clicked.
- In the widget you want to trigger, Go to the Conditions tab and in the Triggering section, choose At click on an element in the Display widget selection.
- Select the element that will trigger the widget by clicking on the Select element button and choose the action button.
In the case below, we have configured an Image Pop-in widget to be triggered when the action button is clicked.
Style tab
The action button also has a specific hovering style customization.
To customize the button, go to the Style tab and go to the Button’s hover section. You will then be able to change the hovering style of the button.
Conditions tab
Select the Triggering and Recurrence options you want to apply to the Action Button widget.