With an Elementor blog preview popup, you can give your website visitors a sneak peek of your blog posts. Let’s have a look together with Web Squadron how you set up the popup and let your users engage with your content.
Setting Up the Elementor Blog Preview Popup
- Accessing the Templates
Head over to your WordPress sidebar. Here, you’ll spot an option labeled ‘templates’. Click on it.
- Creating a New Pop-Up
Inside, there’s an option to create a new pop-up template. Click on it and name our pop-up “bottom post”.
- Layout Adjustments
Now, adjust the layout settings to get the look and feel you desire for your pop-up.
Building the Popup Content
- Add a Loop Grid
Add a loop grid and display your featured images, offering visitors a quick look at your content.
- Image Settings
Adjust the height, object-fit, position, border radius, and box shadow.
- Save & Refine
Once you’re happy with how things look, save your template. But remember, there’s always room for tweaks later on.
Styling and Positioning the Popup
- Pop-Up Settings
Adjust the width and position to fit your website’s design. Decide on the entrance and exit animations for a smooth transition.
- Close Button
Style the close button so it’s easily noticeable but not too distracting. Choose its position, color, and size.
Set Display Conditions for your Popup
- Display Conditions
Decide where on your website you want the pop-up to appear. Choose specific pages or have it across your entire website.
- Setting Up the Trigger
Choose an icon or button that, when clicked, will activate the pop-up. Link it to the pop-up using dynamic tags.
Testing the Elementor Blog Preview Popup
- View & Click
Navigate to your page and find the icon or button you set up. Give it a click!
Interact with the previews inside your pop-up. They should lead you to the actual posts or products.
And there you go! That’s how you set up an Elementor blog preview popup on your website. It’s a neat feature that can add a touch of interactivity to your site. Give it a whirl, play around with different designs, and see how it works for you. Happy designing!