{"id":12900,"date":"2024-07-22T11:20:43","date_gmt":"2024-07-22T11:20:43","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=12900"},"modified":"2025-01-28T07:16:17","modified_gmt":"2025-01-28T07:16:17","slug":"mailerlite-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/mailerlite-popup\/","title":{"rendered":"How to Create a Popup in Mailerlite?"},"content":{"rendered":"<p>I have always loved using MailerLite and have built my entire business on top of it. Recently, I discovered the potential of popups to significantly grow my email list and improve click-through rates (CTRs).<\/p>\n<p>We will walk through two methods of creating popups in Mailerlite. For that, we&#8217;ll also discuss the differences between MailerLite\u2019s popup builder and\u00a0<strong>Picreel<\/strong>\u00a0as a standardized popup tool. In fact, here\u2019s how my\u00a0<a href=\"https:\/\/www.picreel.com\/\">Picreel<\/a>\u00a0popup looks within MailerLite:<\/p>\n<p><video preload=\"auto\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/How-to-Create-a-Popup-Using-Bootstrap.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p>But does MailerLite offer popups? Yes, it does.<\/p>\n<p>In fact, there are two ways to create a popup in MailerLite: MailerLite\u2019s built-in tool or an external popup tool like Picreel.<\/p>\n<p>Before we dive into the methods, let&#8217;s compare MailerLite\u2019s popup builder with Picreel.<\/p>\n<div id=\"tablepress-228-scroll-wrapper\" class=\"tablepress-scroll-wrapper\">\n\n<table id=\"tablepress-228\" class=\"tablepress tablepress-id-228 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Criteria<\/th><th class=\"column-2\">MailerLite Popup<\/th><th class=\"column-3\">Picreel Popup<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Multi-platform support<\/td><td class=\"column-2\">\u274c Limited to websites directly integrated with MailerLite<\/td><td class=\"column-3\">\u2705 Supports multiple platforms, including various website builders and CMSs<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">More features<\/td><td class=\"column-2\">\u274c Basic features suitable for simple popups<\/td><td class=\"column-3\">\u2705 Advanced features like A\/B testing, analytics, and more<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Better customization options<\/td><td class=\"column-2\">\u274c Limited customization with predefined templates<\/td><td class=\"column-3\">\u2705 Extensive customization options with a wide range of templates and design tools<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">Integrates with various platforms<\/td><td class=\"column-2\">\u274c Primarily integrates with websites using MailerLite\u2019s embedded forms<\/td><td class=\"column-3\">\u2705 Seamlessly integrates with various website platforms such as WordPress, Shopify, Magento, and more<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Advanced targeting options<\/td><td class=\"column-2\">\u2705 Basic targeting options based on user behavior and time-on-site<\/td><td class=\"column-3\">\u2705 Advanced targeting options, including geolocation, device type, and user behavior triggers<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div>\n<p>In my personal experience, I recommend using Picreel. Here are the top three reasons why:<\/p>\n<ul>\n<li><strong>Multi-platform support:<\/strong>\u00a0Picreel works across multiple platforms, ensuring your popups remain effective even if you change your website platform.<\/li>\n<li><strong>More features:<\/strong>\u00a0Picreel offers advanced features like <a href=\"https:\/\/www.picreel.com\/features\/popup-ab-testing\/\">A\/B testing<\/a> and <a href=\"https:\/\/www.picreel.com\/features\/popup-reports-and-analytics\/\">detailed analytics<\/a>, which are crucial for optimizing popup performance.<\/li>\n<li><strong>Better customization options:<\/strong>\u00a0Picreel offers extensive customization options, allowing you to create visually appealing and highly effective popups.<\/li>\n<\/ul>\n<p>Nevertheless, in this tutorial, I will explain step-by-step how to create a popup using both methods.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_MailerLite%E2%80%99s_Built-in_Popup\"><\/span>Method 1: Using MailerLite\u2019s Built-in Popup<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>MailerLite offers a built-in popup maker. Here\u2019s how to create it:<\/p>\n<p><strong>1.<\/strong> Visit the MailerLite website and enter your credentials to access your account.<\/p>\n<p><strong>2.<\/strong> Once logged in, locate and click on the &#8220;<strong>Forms<\/strong>&#8221; option in the main navigation menu on the left side of the dashboard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12905\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/07\/Competitor_PIC_ML-Forms.png\" alt=\"Forms\" width=\"1340\" height=\"853\" \/><\/p>\n<p><strong>3.<\/strong> In the &#8220;<strong>Forms<\/strong>&#8221; section, click on the &#8220;<strong>Create form<\/strong>&#8221; button. A new window will appear with form-type options. Select &#8220;<strong>Popup<\/strong>&#8221; from the available choices.<\/p>\n<p><strong>4.<\/strong> Browse through the list of popup templates. Select a template that fits your needs and click the &#8220;<strong>Next<\/strong>&#8221; button to proceed.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12906 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/07\/Competitor_PIC_ML-popup-templates.png\" alt=\"Mailerlite popup templates\" width=\"1366\" height=\"748\" \/><\/p>\n<p><strong>5.<\/strong> Use the customization tools provided to modify the content and design of your popup. You can add and edit text, upload images, change colors, and adjust the layout to match your branding.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12909 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/07\/Competitor_PIC_ML-popup-templates-1.png\" alt=\"modify the content and design\" width=\"1366\" height=\"768\" \/><\/p>\n<p><strong>6.<\/strong> Click on the &#8220;<strong>Settings<\/strong>&#8221; tab to configure the display rules for your popup. You can set conditions such as time-based triggers, scroll-based triggers, and exit-intent triggers:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12907\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/07\/Competitor_PIC_ML-settings.png\" alt=\"configure the display rules\" width=\"1411\" height=\"831\" \/><\/p>\n<p><strong>7.<\/strong> After customizing the popup and setting the display rules, click the &#8220;<strong>Save<\/strong>&#8221; button.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_2_Using_Picreel_Popup_Builder\"><\/span>Method 2: Using Picreel Popup Builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Picreel is a popup maker that works across multiple platforms, providing you with a versatile solution for creating popups. Here&#8217;s how you can create a popup using Picreel:<\/p>\n<p><strong>1.<\/strong> Sign up for a Picreel account and log in.<\/p>\n<p><strong>2.<\/strong> Go to the \u201c<strong>Campaigns<\/strong>\u201d menu and click &#8220;<strong>New Campaign<\/strong>&#8221; from the top right. You can select the templates option from the drop-down or start from scratch.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12107\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/04\/PP_PIC_2Campaigns.png\" alt=\"New campaign\" width=\"1313\" height=\"561\" \/><\/p>\n<p><strong>3.<\/strong> From the templates menu, choose the type of popup you want to create.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12897\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/07\/PP_PIC_CM-templates-menu-1.png\" alt=\"templates menu\" width=\"1873\" height=\"441\" \/><\/p>\n<p><strong>4.<\/strong> Once you select the design, customize it according to your preferences.<\/p>\n<p><video preload=\"auto\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/03\/8-Must-Have-Popup-Software-In-2024_Compress.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p><strong>5.<\/strong> Configure your <a href=\"https:\/\/www.picreel.com\/features\/popup-targeting\/\">targeting<\/a>\u00a0and\u00a0<a href=\"https:\/\/www.picreel.com\/features\/popup-triggers\/\">trigger<\/a>\u00a0options to specify when and where you want your popup to appear.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12106\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/04\/PP_PIC_2-personalize-targeting.png\" alt=\"configure\" width=\"1308\" height=\"581\" \/><\/p>\n<p><strong>6.<\/strong> Click &#8220;<strong>Save<\/strong>&#8221; to activate your popup.<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/J1tBmOnBJEA?si=zJu8_6ccty7W-a44\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>Embedding Picreel HTML Code Inside MailerLite<\/h3>\n<p>To embed a Picreel popup on your MailerLite website, follow these steps:<\/p>\n<p><strong>1.<\/strong> Navigate to campaigns and click &#8220;<strong>View Code.<\/strong>&#8221;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12109\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/04\/PP_PIC_5-saving-se.png\" alt=\"save code\" width=\"1629\" height=\"806\" \/><\/p>\n<p><strong>2.<\/strong> Click on the code to copy it.<\/p>\n<p><strong>3.<\/strong> Visit the MailerLite website and enter your credentials to access your account.<\/p>\n<p><strong>4.<\/strong> Once logged in, locate and click on the &#8220;<strong>Campaigns<\/strong>&#8221; option in the main navigation menu on the left side of the dashboard.<\/p>\n<p><strong>5.<\/strong> Click on the &#8220;<strong>Create campaign<\/strong>&#8221; button to start a new campaign or choose an existing campaign from the list.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12911\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/07\/Competitor_PIC_ML-Create-campaign.png\" alt=\"Create campaign\" width=\"1411\" height=\"509\" \/><\/p>\n<p><strong>6.<\/strong> Choose the &#8220;<strong>Drag &amp; drop editor<\/strong>&#8221; option to start designing your email campaign. This will allow you to add custom HTML code later.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12904\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/07\/Competitor_PIC_ML-Drag-drop-editor.png\" alt=\"Drag &amp; drop editor\" width=\"1293\" height=\"707\" \/><\/p>\n<p><strong>7.<\/strong> In the drag-and-drop editor, look for the &#8220;<strong>Custom HTML<\/strong>&#8221; block. This is usually found in the content blocks section on the right side of the editor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12903\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/07\/Competitor_PIC_ML-Custom-HTMl.png\" alt=\"Custom HTML\" width=\"1293\" height=\"809\" \/><\/p>\n<p><strong>8.<\/strong> Drag the &#8220;<strong>Custom HTML<\/strong>&#8221; block and drop it into the desired location within your email design.<\/p>\n<p><strong>9.<\/strong> Once the custom HTML block is in place, click on the &#8220;<strong>Edit HTML<\/strong>&#8221; button that appears within the block.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12910\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/07\/Competitor_PIC_ML-CEdit-HTML.png\" alt=\"Edit HTML\" width=\"1293\" height=\"768\" \/><\/p>\n<p><strong>10.<\/strong> A new window will open, allowing you to enter your custom HTML code. Paste your code into the provided space.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12902\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/07\/Competitor_PIC_ML-custom-HTML-code.png\" alt=\" custom HTML code\" width=\"1293\" height=\"808\" \/><\/p>\n<p><strong>11.<\/strong> After pasting your custom HTML code, click on the &#8220;<strong>Save<\/strong>&#8221; button.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Which_Is_a_Better_Method_Method_1_or_2\"><\/span>Which Is a Better Method: Method 1 or 2?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Keeping a long-term view, Picreel is probably better because your popup tool remains intact despite changing platforms, and you get more sophisticated popup options and more triggers.<\/p>\n<p>Picreel offers a forever-free plan for startups and small businesses, allowing you to create unlimited popups with all premium features. The free version does the job, but you can always opt for paid options starting as low as\u00a0<strong>$9.99\/month.<\/strong><\/p>\n<p>On the other hand, if you prefer to use the limited options available with MailerLite\u2019s built-in popup without incurring any additional integrations, it can still serve your needs just fine.<\/p>\n<p>Remember, the goal is to create compelling popups that drive user engagement and conversions, regardless of your chosen method. Ultimately, the choice is yours.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have always loved using MailerLite and have built my entire business on top of it. Recently, I discovered the potential of popups to significantly grow my email list and improve click-through rates (CTRs). We will walk through two methods of creating popups in Mailerlite. For that, we&#8217;ll also discuss the differences between MailerLite\u2019s popup&#8230;<\/p>\n","protected":false},"author":26,"featured_media":12908,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-12900","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\/12900","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\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/comments?post=12900"}],"version-history":[{"count":4,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/12900\/revisions"}],"predecessor-version":[{"id":13945,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/12900\/revisions\/13945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/12908"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=12900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=12900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=12900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}