{"id":10475,"date":"2023-12-27T04:36:32","date_gmt":"2023-12-27T04:36:32","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=10475"},"modified":"2025-02-13T06:34:36","modified_gmt":"2025-02-13T06:34:36","slug":"custom-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/custom-popup\/","title":{"rendered":"How to Create Custom Popups Using Picreel?"},"content":{"rendered":"<p>Website popups have become indispensable for enhancing user engagement and conversions in the digital marketing landscape.<\/p>\n<p>If you are looking for an effective way to capture\u00a0leads, promote special offers, or improve the overall user experience on your website, then I recommend using custom popups.<\/p>\n<p>As someone deeply immersed in digital marketing, I understand the importance of staying ahead of the curve and embracing tools and strategies that can give you an edge.<\/p>\n<p>As an avid user of\u00a0Picreel<strong>,<\/strong>\u00a0I saw firsthand how well-planned and strategically executed popups can significantly enhance your marketing strategy.<\/p>\n<p>In this blog, I will walk you through creating custom popups using Picreel, sharing my insights along the way.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Create_Custom_Popups_Using_Picreel_Popup_Builder\"><\/span>Create Custom Popups Using Picreel Popup Builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Learning how to create custom popups with Picreel is a breeze.\u00a0Watch this video tutorial on how you can create:<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/J1tBmOnBJEA?si=lTWMlXNS6b69Yai9\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Here are step-by-step instructions on creating a custom popup using Picreel:<\/p>\n<h3>Step 1: Create a Popup Campaign<\/h3>\n<p>The first step is to log in to your Picreel account.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11360\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/Group-231225@2x-min.png\" alt=\"Sign up for a Picreel account and log in.\" width=\"3406\" height=\"1766\" \/><\/p>\n<p>Once logged in, navigate to the &#8220;<strong>Campaigns<\/strong>&#8221; section on the left side of your dashboard and click &#8220;<strong>Create<\/strong>\u00a0<strong>Your Campaign<\/strong>&#8221; in the center of the screen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11362\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/Group-231142@2x.png\" alt=\"New Campaign\" width=\"2626\" height=\"1122\" \/><\/p>\n<h3>Step 2: Choose a Popup Design<\/h3>\n<p>After creating a new campaign, you&#8217;ll be directed to the next screen, where you can select a popup design. Picreel offers over 100 pre-designed popup templates to choose from.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10477\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_Choose-a-Popup-Design.jpg\" alt=\"Choose a Popup Design\" width=\"1600\" height=\"753\" \/><\/p>\n<p>If you&#8217;re feeling creative, you can start from scratch and design a popup campaign that aligns perfectly with your brand.<\/p>\n<h3>Step 3: Customize Your Popup Design<\/h3>\n<p>Customization is where Picreel truly shines. You can customize your popup design to your liking, including:<\/p>\n<ul>\n<li><strong>Layout Design:<\/strong>\u00a0Customize your popup&#8217;s structure and visual elements to ensure it matches your website&#8217;s style and branding.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10478\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_Layout-Design.jpg\" alt=\"Layout Design\" width=\"967\" height=\"1710\" \/><\/p>\n<ul>\n<li><strong>Elements:<\/strong>\u00a0Modify the content within the popup, such as text, images, buttons, and more, to convey your message effectively.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10479\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_Elements.jpg\" alt=\"Elements\" width=\"967\" height=\"795\" \/><\/p>\n<ul>\n<li><strong>Input Fields:<\/strong>\u00a0If your popup requires user input, you can add and customize input fields to collect the necessary information.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10480\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_Input-Field.jpg\" alt=\"Input Field\" width=\"810\" height=\"795\" \/><\/p>\n<h3>Step 4: Customize Targeting &amp; Trigger Options<\/h3>\n<p>One of the most powerful features of Picreel is its ability to precisely <a href=\"https:\/\/www.picreel.com\/features\/popup-targeting\/\">target your audience<\/a> and <a href=\"https:\/\/www.picreel.com\/features\/popup-triggers\/\">trigger popups<\/a> under specific conditions. Here&#8217;s how you can do it:<\/p>\n<ul>\n<li><strong>Targeting:<\/strong>\u00a0Select the type of audience you want to display your popups to. You can target your entire website or specific pages by entering URLs.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11133 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_Campaign-settings-targeting-1.jpg\" alt=\"Campaign settings targeting\" width=\"1168\" height=\"827\" \/><\/p>\n<ul>\n<li><strong>Scheduling:<\/strong>\u00a0Decide when you want your popups to appear by customizing the time frame. This is particularly useful for time-sensitive promotions.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11689\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/Group-230709@2x-min.png\" alt=\"WHEN OVERLAY APPEARS\" width=\"3200\" height=\"1500\" \/><\/p>\n<ul>\n<li><strong>Triggers:<\/strong>\u00a0Set up triggers based on user behavior, including time spent on a page, scroll distance, and element-based triggers. These ensure that your popups appear at the right moment.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11361\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/Group-231138@2x.png\" alt=\"configure\" width=\"2626\" height=\"1160\" \/><\/p>\n<p>Moreover, Picreel offers additional targeting options, such as location-based, device-based, and cookie-based targeting, providing a comprehensive set of tools to reach your intended audience.<\/p>\n<h3>Step 5: Add Code Snippet<\/h3>\n<p>Once your popup is configured to your liking, adding it to your website is very simple:<\/p>\n<ul>\n<li>You&#8217;ll be redirected to the\u00a0<strong>&#8220;Campaigns&#8221;<\/strong>\u00a0page when starting your first campaign. Simply copy the provided snippet code and paste it onto your site as directed.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11364\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/Mask-Group-349@2x.png\" alt=\"View Code\" width=\"3202\" height=\"688\" \/><\/p>\n<ul>\n<li>Alternatively, when you\u2019re done creating a popup, you\u2019ll be redirected to the \u201c<strong>Campaigns<\/strong>\u201d page by clicking on \u201c<strong>View Code,<\/strong>\u201d making it easy to implement your popups without hassle.<\/li>\n<\/ul>\n<p>Looking for an inspiration for popup design, Read our blog &#8211; <a href=\"https:\/\/www.picreel.com\/blog\/website-popups\/\">Best Website Popup Examples<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Create_Your_First_Custom_Popup_With_Picreel\"><\/span>Create Your First Custom Popup With Picreel<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Custom popups are a versatile and highly effective tool for various use cases in digital marketing.<\/p>\n<p>Whether you&#8217;re aiming to\u00a0<a href=\"https:\/\/www.picreel.com\/double-lead-generation\/\">collect leads<\/a>, promote products or services, or simply improve the user experience, popups can help you achieve your goals.<\/p>\n<p>Creating custom popups with\u00a0Picreel\u00a0is one of the easiest as it comes loaded with tons of features. For just $120 per year, you can create unlimited popups without coding knowledge, making it a cost-effective solution for businesses of all sizes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Website popups have become indispensable for enhancing user engagement and conversions in the digital marketing landscape. If you are looking for an effective way to capture\u00a0leads, promote special offers, or improve the overall user experience on your website, then I recommend using custom popups. As someone deeply immersed in digital marketing, I understand the importance&#8230;<\/p>\n","protected":false},"author":21,"featured_media":10476,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-10475","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-popup"],"_links":{"self":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/10475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/comments?post=10475"}],"version-history":[{"count":14,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/10475\/revisions"}],"predecessor-version":[{"id":14068,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/10475\/revisions\/14068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/10476"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=10475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=10475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=10475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}