Popup Trigger Widget Setup in Spexo Popup Builder
This guide explains how to use the Popup Trigger widget in Popup Builder. This widget allows you to add interactive buttons inside your popup to control user actions.
You can use this widget to close the popup, prevent it from showing again, redirect users, or create navigation inside popup flows.
What is Popup Trigger Widget #
The Popup Trigger widget lets you add buttons inside your popup that perform specific actions when clicked.
- Close the popup
- Close the popup permanently
- Redirect users to another page
- Navigate back to the previous page
Before You Start #
Before using the Popup Trigger widget, make sure your popup is already created and configured correctly.
How to Add Popup Trigger Widget #
Step 1: Open Popup Template #
Go to Spexo Addons → Popup Builder. Open the popup you want to edit using Elementor.
Step 2: Add the Widget #
- Search for Popup Trigger in the Elementor panel
- Drag and drop the widget inside your popup layout
Important: If the widget is not visible, enable it from Spexo Addons → Widget Settings.
How to Configure Popup Trigger Settings #
After adding the widget, you can configure the button settings based on your use case.
- Button Text – Set the label such as Close, Continue, or No Thanks
- Button Action – Select what happens when the button is clicked
- Show Again Delay – Control when the popup appears again
- Redirect URL – Add a link if you want to redirect users
Available Button Actions #
Close Popup #
This action closes the popup when the button is clicked.
Best Used For
- Confirmation buttons
- Form submissions
- General close actions
The popup will follow the configured delay settings.
Close Permanently #
This action closes the popup and prevents it from appearing again.
Best Used For
- User opt out actions
- Preference based popups
- No thanks buttons
Go Back to Referrer #
This action redirects users to the previous page.
Best Used For
- Back navigation inside popup flows
- Multi step popup interactions
Styling the Popup Trigger Button #
You can customize the button appearance using Elementor style settings.
Button Style Options #
- Typography
- Text color
- Background color
- Border and border radius
- Padding and spacing
Hover Effects #
- Change text color on hover
- Change background color on hover
- Add smooth transition effects
Best Practices #
- Use clear and action focused button text
- Always provide a visible close option
- Avoid forcing user actions unless required
- Test button behavior on desktop and mobile
- Ensure buttons are easy to tap on mobile devices
Frequently Asked Questions #
Can I use Popup Trigger to redirect users #
Yes. You can use the redirect option to send users to any page after clicking the button.
What is the difference between close and close permanently #
Close popup hides the popup temporarily. Close permanently prevents it from appearing again.
Can I style the Popup Trigger button #
Yes. You can customize typography, colors, spacing, and hover effects using Elementor style settings.
Need help? Feel free to contact our support for further assistance.
Navigation:
