Elementor Create a Button to Trigger an Onclick Popup Tutorial
Elementor Create a Button to Trigger an Onclick Popup
Instructions:
- In Elementor, open the page where you want the button to trigger an Onclick popup.
- Click on the ‘+’ icon to add a new element, and then select ‘Button’ from the Elementor library.
- Add your desired text and style for the button, such as sizing, color, border, etc.
- Navigate to the Advanced tab in Elementor and find Popup Trigger section and select ‘OnClick’ from dropdown list under ‘Trigger Type’ option.
- Then click on ‘Select Popup’ option that appears below it, and choose a popup that you have created in advance (if you haven’t created one yet you can do so by navigating to Templates > Popups).
- Once selected, hit Publish/Update button at the bottom of the page to save your changes and make sure that your button is visible on frontend of your website with active Onclick popup feature.
Creating a button to trigger an onclick popup in Elementor is relatively straightforward. First, open the Elementor page builder and begin building your page.
Next, choose the ‘Add New Section’ option and then click on the plus (+) icon at the bottom left of the page.
Select ‘Button’ from the pop-up menu that appears and drag it onto your page. You can now customize the appearance of the button with various options such as font size, color, padding, etc.
Once you have customized your button, click on the Advanced tab in the left panel. Here you will find an area called ‘On Click’ where you can select ‘Popup’.
This will open a dropdown list of all available popups that you have created previously or are currently working on.
Choose the one you want to use and save your changes. Your button is now ready to trigger an onclick popup!
Elementor is an amazing website builder plugin for WordPress. Elementor makes it easy to create beautiful and high converting websites yourself without having to learn code.
- 100% Flexible
- No Coding Necessary
- Thousands of Pre-Built Templates
- Wordpress Only
