Hi Everyone, today we will learn how to post open post content in popup with free plugin.
Before you start, check the tutorial requirements:
- Elementor Free + Elementor Pro
- JetEngine (crocoblock)
- Elementor Addon Elements plugin installed and activated
Don’t worry, I will give you all those plugins below in the blog for Practice. I Recommended buy the Premium Plugin
Step 1: Install Elementor Addon Elements plugin
install the plugin and activate this
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-by-srsihab-1-1024x428.png)
Check whether this Modal Popup is active or not, in this case, it’s active
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-by-srsihab-plugin-1024x446.png)
Step 2: Make a Dynamic Template for a Popup
Got to Templates> Saved Templates > Add New Template
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-template-srsihab-1024x448.png)
Give Template type and Name
![](https://weberhero.com/wp-content/uploads/2024/04/weberheo-templae-type-srsihab-1024x455.png)
i have given some basic info about the post, title, and thumbnail,
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-template-title-post-1024x453.png)
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-post-thumba-1024x445.png)
You need to change and add according to your requirements. and Save it
Step 3: Make Post listing using jet-engine
add new Listing, If you have already have template then you can edit it
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-add-new-lisint-srsihab-1024x447.png)
Select here Listing Source as Post then give Post type and Type a Listing Name
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-create-listing-1024x458.png)
I have added some field values here, then added the main part, Modal Popup Elementor Widget, Check the EAE label
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-eleemntor-addon-popup-1024x446.png)
Choose from here Content Type , The template we have saved as Container, That’s why we will select the Saved Container option, if you saved as Section then you need to select Saved Section
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-choose-template-srsihab-1024x447.png)
Change Modal Button Text and icon from here
![](https://weberhero.com/wp-content/uploads/2024/04/weberhhero-button-text-and-icon-1024x454.png)
Step 4: Show the Listing
Edit the page where you want to show the posts and choose Listing Grid widget
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-show-listing-grid-1024x449.png)
choose your listing, in this case, our listing name Popup Post Listing
![](https://weberhero.com/wp-content/uploads/2024/04/choose-the-listing-1024x453.png)
Step 5: Finally Show the Result
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-click-the-button-1024x425.png)
it’s work perfectly
![](https://weberhero.com/wp-content/uploads/2024/04/weberhero-post-resutl-1024x450.png)
Download The Plugins
Thanks for reading the blog, If you have any problem or question please comment us bellow or email us.