{"id":1758,"date":"2023-10-27T17:52:45","date_gmt":"2023-10-27T17:52:45","guid":{"rendered":"https:\/\/www.hugomakes.com\/?p=1758"},"modified":"2023-10-27T18:18:10","modified_gmt":"2023-10-27T18:18:10","slug":"how-to-create-dynamic-pop-ups-in-elementor","status":"publish","type":"post","link":"https:\/\/www.hugomakes.com\/how-to-create-dynamic-pop-ups-in-elementor\/","title":{"rendered":"How To Create Dynamic Pop-ups in Elementor"},"content":{"rendered":"\n<p>Elementor has established itself as one of the most popular and powerful WordPress page builders, offering a wealth of features and an intuitive interface that allows you to design stunning websites. One such feature that has gained immense popularity among marketers and web designers is the ability to create dynamic popups. In this blog post, we will explore the process of creating dynamic popups using Elementor and <a href=\"https:\/\/www.hugomakes.com\/recommends\/crocoblock-jetengine\/\" data-type=\"link\" data-id=\"https:\/\/www.hugomakes.com\/recommends\/crocoblock-jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetEngine PopUps<\/a>, a powerful addon that enhances the functionality of Elementor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What are Dynamic Popups?<\/h2>\n\n\n\n<p>Dynamic popups are interactive website elements that display content based on specific triggers or conditions. They can be used to display personalized content, capture leads, promote special offers, or even showcase related products or blog posts. The possibilities are endless, and by leveraging the power of Elementor and <a href=\"https:\/\/www.hugomakes.com\/recommends\/crocoblock-jetengine\/\" data-type=\"link\" data-id=\"https:\/\/www.hugomakes.com\/recommends\/crocoblock-jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetEngine PopUps<\/a>, you can create highly customized and engaging dynamic popups for your WordPress website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video on How To Create Popups with Dynamic Content in Elementor<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Create Dynamic Popups in Elementor - Step by Step\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/gEc0ygHq9qw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"has-white-color has-black-background-color has-text-color has-background\"><strong><em>I encourage you to watch the video as this is a complex tutorial. <\/em><\/strong><br><strong><em>It will be much easier to follow along!<\/em><\/strong><\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-d6d83ec2     \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap\">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#what-are-dynamic-popups\" class=\"uagb-toc-link__trigger\">What are Dynamic Popups?<\/a><li class=\"uagb-toc__list\"><a href=\"#video-on-how-to-create-popups-with-dynamic-content-in-elementor\" class=\"uagb-toc-link__trigger\">Video on How To Create Popups with Dynamic Content in Elementor<\/a><li class=\"uagb-toc__list\"><a href=\"#tools-you-will-need\" class=\"uagb-toc-link__trigger\">Tools You Will Need<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#step-1-create-your-custom-post-types\" class=\"uagb-toc-link__trigger\">Step 1: Create Your Custom Post Types<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#step-2-creating-a-new-popup-template\" class=\"uagb-toc-link__trigger\">Step 2: Creating a New Popup Template<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#step-3-designing-the-popup\" class=\"uagb-toc-link__trigger\">Step 3: Designing the Popup<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#step-4-adding-dynamic-content-to-your-popup\" class=\"uagb-toc-link__trigger\">Step 4: Adding Dynamic Content to Your Popup<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#step-5-setting-popup-triggers-and-conditions\" class=\"uagb-toc-link__trigger\">Step 5: Setting Popup Triggers and Conditions<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#step-6-design-the-individual-listing-grid-container\" class=\"uagb-toc-link__trigger\">Step 6: Design the Individual Listing Grid Container<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#step-7-create-your-listing-grid\" class=\"uagb-toc-link__trigger\">Step 7: Create Your Listing Grid<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#conclusion\" class=\"uagb-toc-link__trigger\">Conclusion<\/a><\/ul><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Tools You Will Need<\/h2>\n\n\n\n<ul>\n<li><a href=\"https:\/\/www.hugomakes.com\/recommends\/elementor\/\" data-type=\"link\" data-id=\"https:\/\/www.hugomakes.com\/recommends\/elementor\/\">Elementor Pro<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.hugomakes.com\/recommends\/crocoblock-jetengine\/\" data-type=\"link\" data-id=\"https:\/\/www.hugomakes.com\/recommends\/crocoblock-jetengine\/\">Crocoblock JetEngine<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.hugomakes.com\/recommends\/crocoblock-jetpopups\/\" data-type=\"link\" data-id=\"https:\/\/www.hugomakes.com\/recommends\/crocoblock-jetpopups\/\">Crocoblock JetPopups<\/a><\/li>\n<\/ul>\n\n\n\n<p>To create dynamic popups using Elementor and JetEngine PopUps, you&#8217;ll first need to have all three plugins installed and activated on your WordPress website. Once both plugins are installed, you&#8217;re ready to begin creating dynamic popups. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-border\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"645\" src=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/crocoblock-jet-popup-activate-1024x645.jpg\" alt=\"crocoblock jet popup activate\" class=\"wp-image-2510\" srcset=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/crocoblock-jet-popup-activate-1024x645.jpg 1024w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/crocoblock-jet-popup-activate-300x189.jpg 300w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/crocoblock-jet-popup-activate-768x483.jpg 768w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/crocoblock-jet-popup-activate-1536x967.jpg 1536w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/crocoblock-jet-popup-activate-2048x1289.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Make sure you active the JetPopup Module in Crocoblock<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Create Your Custom Post Types<\/h3>\n\n\n\n<ol>\n<li>Go to the&nbsp;<strong>JetEngine<\/strong>&nbsp;tab on the left-hand side of your WordPress dashboard.<\/li>\n\n\n\n<li>Hover over the&nbsp;<strong>Post Types<\/strong>&nbsp;submenu item and click on it.<\/li>\n\n\n\n<li>Click on the&nbsp;<strong>Add New<\/strong>&nbsp;button to create a new post type.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Name<\/strong>&nbsp;field, enter a unique name for your custom post type.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Slug<\/strong>&nbsp;field, enter a unique identifier for your custom post type.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Singular Label<\/strong>&nbsp;and&nbsp;<strong>Plural Label<\/strong>&nbsp;fields, enter the singular and plural names for your custom post type, respectively.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Description<\/strong>&nbsp;field, you can add a brief description of your custom post type.<\/li>\n\n\n\n<li>Under the&nbsp;<strong>Settings<\/strong>&nbsp;tab, you can configure additional settings for your custom post type, such as enabling comments or revisions.<\/li>\n\n\n\n<li>Under the&nbsp;<strong>Meta Fields<\/strong>&nbsp;tab, you can add custom fields to your custom post type.<\/li>\n\n\n\n<li>Once you have configured all of your settings, click on the&nbsp;<strong>Publish<\/strong>&nbsp;button to create your custom post type.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large has-border\"><img decoding=\"async\" width=\"1024\" height=\"702\" src=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-cpt-1024x702.jpg\" alt=\"jetpopup cpt\" class=\"wp-image-2523\" srcset=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-cpt-1024x702.jpg 1024w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-cpt-300x206.jpg 300w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-cpt-768x526.jpg 768w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-cpt-1536x1053.jpg 1536w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-cpt-2048x1404.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Create your custom post type<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Creating a New Popup Template<\/h3>\n\n\n\n<ol>\n<li>Navigate to your WordPress dashboard, then hover over &#8216;JetPopups&#8217; and click on &#8216;Create a New Popup&#8217;.<\/li>\n\n\n\n<li>Choose Content Type Elementor and give your popup a name and click on &#8216;Create&#8217;.<\/li>\n\n\n\n<li>You will be redirected to the Elementor editor, where you can start designing your popup.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Designing the Popup<\/h3>\n\n\n\n<ol>\n<li>In the Elementor editor, you can choose from pre-designed popup templates or create your own from scratch. To create a custom popup, simply drag and drop the desired Elementor widgets onto the canvas.<\/li>\n\n\n\n<li>Customize the design by editing the widget settings, such as typography, colors, and spacing. You can also add various dynamic content elements, such as post titles, featured images, or author names, using the JetEngine widgets.<\/li>\n\n\n\n<li>Make sure to adjust the popup&#8217;s layout settings by clicking on the gear icon in the lower-left corner of the editor. Here, you can define the width, height, and position of the popup.<\/li>\n\n\n\n<li>Don&#8217;t forget to set a suitable background and border for your popup to ensure that it stands out on your website.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Adding Dynamic Content to Your Popup<\/h3>\n\n\n\n<p>JetEngine PopUps offers a variety of dynamic widgets that can be used to display content from your WordPress website, such as posts, custom post types, or custom fields. To add dynamic content to your popup:<\/p>\n\n\n\n<ol>\n<li>Search for the JetEngine widget that corresponds to the type of content you want to display.<\/li>\n\n\n\n<li>Drag and drop the widget onto your popup canvas and customize its settings.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large has-border\"><img decoding=\"async\" width=\"1024\" height=\"694\" src=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-design-1024x694.jpg\" alt=\"jetpopup design\" class=\"wp-image-2520\" srcset=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-design-1024x694.jpg 1024w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-design-300x203.jpg 300w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-design-768x521.jpg 768w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-design-1536x1041.jpg 1536w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-design-2048x1389.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Design the popup with your dynamic content<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Setting Popup Triggers and Conditions<\/h3>\n\n\n\n<p>To control when and where your popup is displayed on your website, you need to set up triggers and conditions.<\/p>\n\n\n\n<ol>\n<li>On the WordPress sidebar, choose &#8220;Jetpopup&#8221;, then click on All Popups.<\/li>\n\n\n\n<li>Click on the &#8216;Settings&#8217; link for the popup you created.<\/li>\n\n\n\n<li>Here you can define the conditions and triggers for your Popup.\n<ul>\n<li>Make sure Open Event is &#8220;Not Selected&#8221;.<\/li>\n\n\n\n<li>Make sure Loading content with Ajax is selected.<\/li>\n\n\n\n<li>Make sure force loading is also selected.<\/li>\n\n\n\n<li>Then make sure any other settings you want to set are set here.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Next, click on &#8220;Save Settings&#8221;. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large has-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"694\" src=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-ajax-enabeljpg-1024x694.jpg\" alt=\"jetpopup ajax enabeljpg\" class=\"wp-image-2518\" srcset=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-ajax-enabeljpg-1024x694.jpg 1024w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-ajax-enabeljpg-300x203.jpg 300w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-ajax-enabeljpg-768x521.jpg 768w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-ajax-enabeljpg-1536x1041.jpg 1536w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-ajax-enabeljpg-2048x1389.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Make sure the settings are properly enabled.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Design the Individual Listing Grid Container<\/h3>\n\n\n\n<ol>\n<li>Go to the&nbsp;<strong>JetEngine<\/strong>&nbsp;tab on the left-hand side of your WordPress dashboard.<\/li>\n\n\n\n<li>Click on&nbsp;<strong>Listings <\/strong>then click on Add New.<\/li>\n\n\n\n<li>Select <strong>Listing Source<\/strong> as Posts, <strong>Post Type<\/strong> as Posts, <strong>Listing Name<\/strong> as what you want to call this and <strong>Listing View<\/strong> as Elementor.<\/li>\n\n\n\n<li>Design your <strong>Listing<\/strong> as esired and pull in the dynamic content as you would normally.<\/li>\n\n\n\n<li><strong>IMPORTANT STEP: <\/strong>Make sure that under the image link or text link that is supposed to open the popup, you go to the widget&#8217;s advanced settings, then you click on JetPopup an choose the popup you created. Then Trigger type is click on the widget. Make sure that Jetengine listing popup is also selected on these settings.<\/li>\n\n\n\n<li>One you are happy, click on <strong>Update<\/strong> and leave the designer.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large has-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"694\" src=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-design-1024x694.jpg\" alt=\"jetpopup listing grid design\" class=\"wp-image-2532\" srcset=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-design-1024x694.jpg 1024w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-design-300x203.jpg 300w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-design-768x521.jpg 768w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-design-1536x1041.jpg 1536w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-design-2048x1389.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Make sure to choose the correct options or it will not work.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 7: Create Your Listing Grid<\/h3>\n\n\n\n<ol>\n<li>Go to the&nbsp;<strong>JetEngine<\/strong>&nbsp;tab on the left-hand side of your WordPress dashboard.<\/li>\n\n\n\n<li>Hover over the&nbsp;<strong>Listing Grids<\/strong>&nbsp;submenu item and click on it.<\/li>\n\n\n\n<li>Click on the&nbsp;<strong>Add New<\/strong>&nbsp;button to create a new listing grid.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Name<\/strong>&nbsp;field, enter a name for your listing grid.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Source<\/strong>&nbsp;section, select the post type you want to display in your listing grid.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Layout<\/strong>&nbsp;section, choose a layout for your listing grid.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Query<\/strong>&nbsp;section, you can filter the posts that will be displayed in your listing grid based on various parameters such as post category, post tags, etc.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Pagination<\/strong>&nbsp;section, you can enable pagination for your listing grid.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Style<\/strong>&nbsp;section, you can customize the appearance of your listing grid using various styling options.<\/li>\n\n\n\n<li>Once you have configured all of your settings, click on the&nbsp;<strong>Publish<\/strong>&nbsp;button to create your listing grid.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large has-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"702\" src=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-1024x702.jpg\" alt=\"jetpopup listing grid\" class=\"wp-image-2527\" srcset=\"https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-1024x702.jpg 1024w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-300x206.jpg 300w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-768x526.jpg 768w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-1536x1053.jpg 1536w, https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/jetpopup-listing-grid-2048x1404.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Create your listing grid.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Dynamic popups are a powerful way to engage your website visitors and enhance their user experience. By leveraging the flexibility and features of Elementor and JetEngine PopUps, you can create customized and interactive popups that effectively capture leads, showcase content, or promote special offers. With the step-by-step guide provided in this blog post, you are now well-equipped to design and implement dynamic popups on your WordPress website. <\/p>\n\n\n\n<p>Happy designing!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tutorial on how to create dynamic popups in Elementor using custom post types.<\/p>\n","protected":false},"author":2,"featured_media":2553,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[18,11],"tags":[14,15,43,44,19],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/dynmic-popups-in-elementor.jpg",2240,1260,false],"thumbnail":["https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/dynmic-popups-in-elementor-150x150.jpg",150,150,true],"medium":["https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/dynmic-popups-in-elementor-300x169.jpg",300,169,true],"medium_large":["https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/dynmic-popups-in-elementor-768x432.jpg",768,432,true],"large":["https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/dynmic-popups-in-elementor-1024x576.jpg",800,450,true],"1536x1536":["https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/dynmic-popups-in-elementor-1536x864.jpg",1536,864,true],"2048x2048":["https:\/\/www.hugomakes.com\/wp-content\/uploads\/2023\/10\/dynmic-popups-in-elementor-2048x1152.jpg",2048,1152,true]},"uagb_author_info":{"display_name":"Hugo Makes","author_link":"https:\/\/www.hugomakes.com\/author\/hugomakes\/"},"uagb_comment_info":0,"uagb_excerpt":"Tutorial on how to create dynamic popups in Elementor using custom post types.","_links":{"self":[{"href":"https:\/\/www.hugomakes.com\/wp-json\/wp\/v2\/posts\/1758"}],"collection":[{"href":"https:\/\/www.hugomakes.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hugomakes.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hugomakes.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hugomakes.com\/wp-json\/wp\/v2\/comments?post=1758"}],"version-history":[{"count":5,"href":"https:\/\/www.hugomakes.com\/wp-json\/wp\/v2\/posts\/1758\/revisions"}],"predecessor-version":[{"id":2554,"href":"https:\/\/www.hugomakes.com\/wp-json\/wp\/v2\/posts\/1758\/revisions\/2554"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hugomakes.com\/wp-json\/wp\/v2\/media\/2553"}],"wp:attachment":[{"href":"https:\/\/www.hugomakes.com\/wp-json\/wp\/v2\/media?parent=1758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hugomakes.com\/wp-json\/wp\/v2\/categories?post=1758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hugomakes.com\/wp-json\/wp\/v2\/tags?post=1758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}