Creating a popup in Elementor allows you to display content in a modal window that appears when triggered by user interaction. Here’s a step-by-step guide to creating a popup in Elementor:
- Install and Activate Elementor Pro:
- Ensure you have Elementor Pro installed and activated on your WordPress website. Popup functionality is only available in Elementor Pro.
- Access the Popups Area:
- In your WordPress dashboard, navigate to “Templates” > “Popups” in the Elementor menu.
- Create a New Popup:
- Click on the “Add New” button to create a new popup.
- Design Your Popup:
- You’ll be taken to the Elementor editor interface to design your popup.
- Drag and drop elements from the panel on the left to add content to your popup. You can add text, images, buttons, forms, etc.
- Customize the appearance and settings of each element using the options in the left panel.
- Configure Popup Settings:
- Click on the gear icon at the bottom left corner of the Elementor editor to access the popup settings.
- Configure settings such as popup size, animation, close button, overlay, and trigger.
- Set Popup Conditions:
- Under the “Conditions” tab in the popup settings, specify when and where the popup should appear.
- You can set conditions based on triggers such as time delay, scroll depth, click, exit intent, etc.
- You can also set display rules based on specific pages, posts, categories, tags, user roles, etc.
- Preview Your Popup:
- Click on the eye icon in the bottom bar of the Elementor editor to preview your popup.
- This allows you to see how your popup will appear on your website.
- Save Your Popup:
- Once you’re satisfied with the design and settings of your popup, click on the “Save” button to save your changes.
- Publish Your Popup:
- After saving your popup, you can either publish it immediately or schedule it to be published at a later time.
- Click the “Publish” button to make your popup live on your website.
- Test Your Popup:
- Visit your website to test your popup and ensure it appears correctly based on the configured conditions.
That’s it! You’ve successfully created a popup in Elementor. Visitors to your website will now see the popup according to the trigger conditions you’ve set.
