{"id":6797,"date":"2024-06-05T11:16:57","date_gmt":"2024-06-05T11:16:57","guid":{"rendered":"https:\/\/mailbluster.com\/blog\/?p=6797"},"modified":"2025-04-26T06:54:45","modified_gmt":"2025-04-26T06:54:45","slug":"pop-up-forms-in-mailbluster","status":"publish","type":"post","link":"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster","title":{"rendered":"Create your own Responsive Pop-up Forms in MailBluster: Best Practices &#038; Examples"},"content":{"rendered":"\n<p>Want to create pop-up forms in MailBluster for your website?<\/p>\n\n\n\n<p>When visiting different websites, you may have come across different popup forms. These forms appear when you scroll or stay on that specific webpage for a significant amount of time.&nbsp;<\/p>\n\n\n\n<p>So, what\u2019s the usage of the popup form for a website?<\/p>\n\n\n\n<p>Popup form is a way to connect your website to your audience with an intuitive email subscribing interface with little or no details. Whether you want to grow your email list, collect user feedback, or promote the product, a popup form can assist you in achieving that.&nbsp;<\/p>\n\n\n\n<p>Without further ado, let\u2019s find out how to create a pop-up form in MailBluster.<\/p>\n\n\n\n<h4>TABLE OF CONTENTS<\/h4>\n\n\n\n<ul><li><a href=\"#what-is-the-pop-up-form-in-mailbluster\">What is the pop-up form in MailBluster?<\/a><\/li><li><a href=\"#pop-up-form-best-practices-with-examples\">Pop-up form best practices with examples<\/a><\/li><li><a href=\"#how-to-create-pop-up-forms-in-mailbluster\">How to create pop-up forms in MailBluster? Step-by-step<\/a><\/li><li><a href=\"#wrap-up\">Wrap up<\/a><\/li><\/ul>\n\n\n\n<h2 id=\"what-is-the-pop-up-form-in-mailbluster\"><strong>What is the pop-up form in MailBluster?<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/mailbluster.com\/blog\/wp-content\/uploads\/2024\/06\/Popup-form.png\" alt=\"Pop up form\" class=\"wp-image-6803\" width=\"640\" height=\"335\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>A popup form in MailBluster is a way to connect with your audience with a customizable, attractive interface to promote your service. If you are looking for a way to approach your customers more appropriately, a popup form in MailBluster is the right choice.&nbsp;<\/p>\n\n\n\n<p>Let\u2019s see what MailBluster\u2019s <a href=\"https:\/\/mailbluster.com\/helps\/how-to-create-a-pop-up-form\" target=\"_blank\" rel=\"noreferrer noopener\">popup form<\/a> offers,<\/p>\n\n\n\n<ul><li>Choose from a template or create your own design<\/li><li>Drag and drop to create a form<\/li><li>Add multiple domains to view the popup<\/li><li>Trigger popup in your preference<\/li><li>Google ReCaptcha for spam protection<\/li><\/ul>\n\n\n\n<h2 id=\"pop-up-form-best-practices-with-examples\"><strong>Pop-up form best practices with examples<\/strong><\/h2>\n\n\n\n<p>Planning to create a popup form?<\/p>\n\n\n\n<p>When you encounter a popup form, it might be annoying, or users may leave the page and never come back. So, to keep users in this situation, you need to design an HTML popup form perfectly to entice them.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/mailbluster.com\/blog\/wp-content\/uploads\/2024\/06\/pop-up-form-best-practices-with-examples.png\" alt=\"Popup form best practices with examples\" class=\"wp-image-6802\" width=\"639\" height=\"336\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Let\u2019s dive into the details of popup form examples and best practices.<\/p>\n\n\n\n<h3><strong>Specific &amp; enticing CTA<\/strong><\/h3>\n\n\n\n<p>The first and foremost action in the first step is to design your popup form with specific and enticing details. Moreover, design the popup form with an enticing <a href=\"https:\/\/digital.uoregon.edu\/web-developers\/using-cosmic\/design-components\/buttons\" target=\"_blank\" rel=\"noreferrer noopener\">call-to-action button<\/a>.<\/p>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXeMMMc4FdAuw2NdGmJ6mhvGT5uHy4bA8-zGS1138ruwBodjqDythLjxrMzefW6gU8VtecQk_M27GK7l2maVsFPjqvJzd1Y1p3xqZK-Y3q1sFopcaf0z0SyPdCcNRTQQTbSwrXbBp8CWSadt9j_fJlNN4Lkt?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Popup form email template from MailBluster\"\/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>The above example is from MailBluster. This popup HTML template contains a simplistic design with an enticing CTA. Also, asking for user consent to receive email and newsletter is an excellent choice and addition to a popup form.<\/p>\n\n\n\n<h3><strong>Number of fields in a form&nbsp;<\/strong><\/h3>\n\n\n\n<p>This area in a popup form is essential. Website owners often include tedious and complex messages and excess fields in the form. Refrain from adding excessive fields and post messages boldly.&nbsp;<\/p>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXc4gDbhhA8HbUEKBtx1yRLLQl_2nYVUsWB-y7OZQanSS5xtodd-A1-QNmbqH9KwWRU25KJij0BgmfyBGOHSFL6cBqq-5EaOkCaHP0v50hcWZBrrWOmenmCG9ndm-TjS3hdD-8JZf5DQCFumh2ljNhiLIkSU?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Convertflow popup form\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>This example derives from Convertflow. This specific lightbox popup form contains the only subscribing field and the magnificent black background. The simple message and blue CTA button make the design more appealing.<\/p>\n\n\n\n<h3><strong>Set the options for the user&#8217;s convenience<\/strong><\/h3>\n\n\n\n<p>An HTML popup form includes a number of options to assist you in achieving subscribers. Choose the different options precisely while creating popup forms. For instance, while choosing the <a href=\"https:\/\/mailbluster.com\/blog\/single-opt-in-vs-double-opt-in\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Double opt-in<\/strong><\/a> option in creating form. Choosing double opt-in requires confirmation; conversely, single opt-in does not and helps you achieve subscribers easily.&nbsp;<\/p>\n\n\n\n<h3><strong>Device optimization&nbsp;<\/strong><\/h3>\n\n\n\n<p>Device optimization confirms that your popup form can be viewed by a broader audience. Optimize the design and text with a CTA button for a <a href=\"https:\/\/mailbluster.com\/blog\/mobile-friendly\" target=\"_blank\" rel=\"noreferrer noopener\">mobile-friendly<\/a> appearance.&nbsp;<\/p>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXdcXops8OcMztuiNYD7En4FI3jXcb07G7W7dL5HePwpmIMFjVaZhxtK06a1UATssrD3a1Viw3nFrjYKgo_dNL8qo9cdn_NFdtTxd1QFH8kbPqeMVfgIU1Imegha1baMw08wxKmOooJt-Do3RBnJ_MQqTJGH?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"popup form template in MailBluster\"\/><\/figure><\/div>\n\n\n\n<p>This simple and white background form includes the email address submission and a blue Subscribe button. This MailBluster popup form template provides a chance to connect users with consent. More importantly, it has a minimalistic design that makes it perfectly fit and load faster on different devices.<\/p>\n\n\n\n<h3><strong>Examine the final form output<\/strong><\/h3>\n\n\n\n<p>While everything is ready, you can set the form on different websites to test out the final form output. Make sure to test your own experience while viewing and make adjustments when necessary.<\/p>\n\n\n\n<p><strong>Pro-tip<\/strong><\/p>\n\n\n\n<p>Set the popup form to appear when the user scrolls and reaches the bottom of the webpage. This way, users are less likely to find the appearance of the pop-up form annoying.&nbsp;<\/p>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcD9IttG8WKCw9E55zve4f9ltvkKvNuUcZOFkdXxLzc1UKhPyjjM8_3odBv-gqPIKSWKD08ki4iNAHDecF9q2R9EWwbC9Yux1_mO3yW9puI056OHKb_OYplSQY2vLIVcq9aA1TAWS9TCqd1lCyLydELnzNF?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Bootstrap modal popup form \"\/><figcaption>Source: Formidable forms<\/figcaption><\/figure>\n\n\n\n<p>This specific Bootstrap modal popup form includes extra details other than the email address. The CTA button also includes an enticing message that persuades users to subscribe.<\/p>\n\n\n\n<h2 id=\"how-to-create-pop-up-forms-in-mailbluster\"><strong>How to create pop-up forms in MailBluster: Step-by-step<\/strong><\/h2>\n\n\n\n<p>Want to create a pop-up form for your website?<\/p>\n\n\n\n<p>Stay tuned to read how to create it.&nbsp;<\/p>\n\n\n\n<p>Unlike <a href=\"https:\/\/mailbluster.com\/blog\/inline-forms-in-mailbluster\" target=\"_blank\" rel=\"noreferrer noopener\">inline forms in MailBluster<\/a>, pop-up forms have more functions. Here, you need to have a website to embed code. Choose your preferred functions while creating pop-up forms.<\/p>\n\n\n\n<p>Let us show you how to create the pop-up form.<\/p>\n\n\n\n<h3><strong>Step 1. Choose &amp; name the form<\/strong><\/h3>\n\n\n\n<p>The whole process is similar to <strong>Inline forms<\/strong> except for a few settings.<\/p>\n\n\n\n<p>Sign in to your MailBluster account and go to <strong>Forms <\/strong>from the left. Click on <strong>Create new,<\/strong> and a new box will pop up. Choose the <strong>Pop-up form. <\/strong>The next section will show you all the popup form options and features<strong>. Name<\/strong> your <strong>Pop-up<\/strong> form.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXewlrR-PDDXgP4CeGKN5MmPVY4nTvktKRZoWG6BE66fAFo3VRoRlJGSJHLunyp4GI9CNHplc8iy-KKsiIA-9AxZYn7A95blgQv3Ccw0hGBBt8CliZINK4QaScmwWcUsOdnvrgNfMidtAOzawenIVEOJsG1E?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Creating a form in MailBluster\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXdiPCo8b__eqa-DPtMNTcXl-5X9E2BBxLSbCJ71h4Gpv8-Xy1z8oFsVXLseTd3GAduhQKe6cwtzfgvaIJv54PNvxi4KS2b1_xmmM85PxKE_ZbIFmAYHtFmySg0LqShr054s010sZZvFN_UIJLojiUSEjb2U?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Create form popup selection box in MailBluster\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXeTLRihNsXUyVYnKtwZicxbvIo6SyCu0NzCHDTcZ5IIUr5ZEVNj3hkph4UEe80fuK0v2zd60ixzRkvjgVqenvZ2WD8BGHzk40D1nDSWR3cZ6eZsetRFsUOlJwveFBx_DKpBgF7wBBBZJNFbpkauUnyEhh8N?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Editing name in the pop-up form in MailBluster\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3><strong>Step 2. Edit\/Create form<\/strong><\/h3>\n\n\n\n<p>Go to <strong>Edit<\/strong> from the <strong>Content<\/strong> section. Here, you can choose a form to use on your website. Alternatively, use a blank form to create your own. Also, you can edit the existing form from the template selection. Add or edit <strong>buttons<\/strong>, <strong>headings<\/strong>, <strong>text<\/strong>, and <strong>images<\/strong> from the side menu and create your own <strong>Pop-up form<\/strong>. After the editing\/creating form is complete, click on <strong>Done editing.&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXeX9QUITBC_xgF5Z5ONbt-jmHOWtK6IBjPPIg0R2mMt7LZE-kSTd7ziBGqibfSvvZikj4glgy_2tMVKMEfNRLTNkfxBcx7zwEvpWmxU3v7B3Fs9UIEFmGA84_vM5h_g2CPA-5HlelNMKlgmmlPowHhEyLQ?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Editing name in the popup form in MailBluster\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcrKsgVv_2rc3TM3cT_B_otpSYlcmRDWGfV0Pa3J-a2rYPaiKjkptprPmjhB0F_K5zL7dstz0u9Lz2PYg7d6wMji-DrOvVe0hgyOMQO7Sa8D9_t9uxXezFQsYRMlzG2W56_D3jRvh7UGw_ptAtOfOyaERRL?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\" Form templates in MailBluster\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXdONgiKYKMX7AXnC7MIKJNVvusDpSfC7XtJ5VpD6Dbg4wany9Z-eX-QAQa_AmD_JIQ-PgOBb9Dgi9qpbF3MAheyeXK3EP-ZDtPlZhyVzAZvpWY6vdB_zt_JzOQec4uL_F-xJPZkD90cA-_tmjJ9xhrE01De?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Editing popup form in MailBluster\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXeERrdlRKItSKae1SKQPX_vTc1dxyJSrzKU9xhGpqhv_pefqdAYjumiWpnkK4M6EvF4LiafiozuSUInesBBES0lkPuLYN_Fdc6ja1U15wtG6S820WqRi5q1Tm5lrBJDdEVU7S9qigeKALoTSFtok2pLlHqT?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"pop-up form added to content section\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3><strong>Step 3. Working on the Advanced &amp; Security tab<\/strong><\/h3>\n\n\n\n<p>In the next step, work on the <strong>Advanced<\/strong> tab. Select your preferred options for <strong>When a visitor responds<\/strong>, <a href=\"https:\/\/mailbluster.com\/blog\/double-opt-in\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Double opt-in<\/strong><\/a>. You can edit the <strong>Success message <\/strong>and write your own<strong>. Additionally, <\/strong>you can select a <strong>Tag <\/strong>to categorize your leads<strong>.&nbsp;<\/strong><\/p>\n\n\n\n<p>Later, go for the<strong> Security <\/strong>tab and add the <strong>Allowed domains<\/strong> box. Type your domain <strong>without http or https<\/strong>. Type only the plain website name and the domain, for instance, <strong><em>mailbluster.com<\/em><\/strong>.<strong> <\/strong>Select<strong> Google ReCaptcha protection.&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXeTEmTm44JB3nJZ1thqRm-baTG6xEk589qNypdhbGd__DqPblApVzel-JvKlYoHjP7o9bsQVcT7mStLOonlzEwy8keG7vNmkVmMzbHcmXDLo4wXoR5BpFVniPH4OUYJJLjQ__AZgQqbgQ4Lo9imBS4UmSFn?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Working on Advanced tab in popup forms MailBluster\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXdzzEskZv6xArJF_NVkBW6C304rO4pT9BXQwZ4HdKuDxCQw3n3HLYFmxpTKv0ZhS944zYnt6pYUKPkC2eteHo-Te79jcEE0iwNfBOT182STtdiS_6B3127E6PlMyqW2-v1to75lIM6FWwp36_KQNLA1mnPC?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Working on the Security tab in popup forms MailBluster\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3><strong>Step 4. Working on the Presentation tab&nbsp;&nbsp;<\/strong><\/h3>\n\n\n\n<p>On the<strong> Presentation <\/strong>tab, select your<strong> Popup position, Popup overlay, Popup frequency. <\/strong>Selecting<strong> Popup frequency <\/strong>requires you to set how often visitors will see the popup<strong>. <\/strong>Later, set the condition for <strong>Trigger the popup when<\/strong> condition. If you choose <strong>Time has elapsed<\/strong> or <strong>Visitor scrolls, <\/strong>set the<strong> elapsed time <\/strong>or<strong> scroll amount. <\/strong>Click on<strong> Save Changes.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXeDa_tVRLyrN_udB_fpA6dkY-DFq3g5mtDw9Eu_-aNoIMvVm8xeruhfZvJV5CQKm23A6xj_jvlOYD_M2GNIs5dUBWlA7W8POji1tkRRjZafWLZxvmjO9zR0Wixu-Vk4CLYVuJmCq9M_s7FSdFt_GrS3jLA?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Security and Presentation tab in popup form in MailBluster\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXeuEW3mIna5Ga2AEiTF0eZLWHYQkCmLJKBu03jR3fbA-ouOjr56n_2-p3kgkQSzrR3c-zqvzoNtatRvAVs0xT2ED7vKyxfGxBHZzwcvWW9MKIt_cQj0SYmeNXLSnzrUp_gZC5Sx-0W0nmlkJw5D-mtO4T6A?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Working on the Presentation tab in popup form in MailBluster\"\/><\/figure>\n\n\n\n<h3><strong>Step 5. Adding code to the website<\/strong><\/h3>\n\n\n\n<p>This time you need to click on <strong>Add to website, copy the code, <\/strong>and paste it into your website\u2019s HTML section<strong>. <\/strong>Generally, this code goes just before the<strong> &lt;\/body&gt; <\/strong>section<strong>.&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcfr4ntC4_B1ibkG6R3C6a7DxtAM_ORi2qYLWeNaUqKlq5B7nOH9Y7g6NyH4KOGDdE3aPfLLtYb0x5qcw9FyZLLlER4EX3d5BqJc_QDayQ9uN-JVaMqtMnuz4D2pf7XabJHEke34tle5-SVh96bfdImhRBg?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Save changes &amp; add to website in popup forms in MailBluster\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXfo4KaWr7ib_-NEWci08gTcZ29cdWt-EMjMvxmEteRMYHStZ3GNJpud7CfxPGVftIsc4EaKisagGKj4BlKvFPEIyyEdcOxzxEhEkN7H8df2JD79_dArdQYepi7T-csGwdZAk4sNV7S3muGYhAshJSPYfXkI?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Copying popup form HTML code\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXdRM_RbchMtAhy5g9L3CipKKF7YCMlfKeYH5MEWGCplsbSih2-rGxdF_suh6miV15MYzAPtUzlhi0lCqZmNZwEC4GD2JRa2RnGl-prxAv0b-3vs_5ZjHiQGt8xznxRG6e204tnbFoIgkfVla0zYIyR8PHgM?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"Pasting popup form code on the website HTML section\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcBZlPZjwMy59beZMLiog_oz1Sfc_s3fWiXGLP1HOxnYQWoLPrTyDarjSZ1brE59E-Kj7Sf0F5gH9Rtx-PWoMg-5IoU-15grUeM-yrqeQKuX75BVYjAvkVgbJFm5om_z5WSl6fZtMAeyJPbgR947vptN17p?key=rnqDPq-wW_Atn_aoMunnIw\" alt=\"MailBluster\u2019s Popup form on a website\"\/><\/figure>\n\n\n\n<h3><strong>Adding Popup form code to WordPress Website<\/strong><\/h3>\n\n\n\n<p>You can add a Popup form with WordPress in 2 ways:<\/p>\n\n\n\n<p>1. Generated code from MailBluster or&nbsp;<\/p>\n\n\n\n<p>2. <a href=\"https:\/\/mailbluster.com\/blog\/how-to-link-wordpress-mailbluster\" target=\"_blank\" rel=\"noreferrer noopener\">&nbsp;MailBluster WordPress plugin<\/a>.&nbsp;<\/p>\n\n\n\n<p>We are showing you how to add generated code through <strong>Custom WordPress HTML<\/strong>.<\/p>\n\n\n\n<p>First of all, log in to <strong>WordPress<\/strong> and go to the post or page where you want to place the Popup form code. Click on the (+) sign and search <strong>Custom HTML<\/strong> in the search box.<\/p>\n\n\n\n<p>A <strong>Custom HTML<\/strong> box will appear. Here, you need to copy and paste the code generated from MailBluster for Popup forms. This way, your form will be created.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1351\" height=\"627\" src=\"https:\/\/mailbluster.com\/blog\/wp-content\/uploads\/2024\/06\/11.png\" alt=\"Elements search box in WordPress\" class=\"wp-image-6799\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1360\" height=\"626\" src=\"https:\/\/mailbluster.com\/blog\/wp-content\/uploads\/2024\/06\/12.png\" alt=\"HTML code for popup form in MailBluster\" class=\"wp-image-6800\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1346\" height=\"619\" src=\"https:\/\/mailbluster.com\/blog\/wp-content\/uploads\/2024\/06\/13.png\" alt=\"Pasting popup form code from MailBluster on a WordPress website\" class=\"wp-image-6801\"\/><\/figure>\n\n\n\n<h2 id=\"wrap-up\"><strong>Wrap Up<\/strong><\/h2>\n\n\n\n<p>When set up perfectly, a popup form is a way to interact with your audience. Pop-up forms in MailBluster include essential features for setting up a popup form for your website. However, ensure it doesn&#8217;t annoy users or lead to a drop in traffic<\/p>\n\n\n\n<p>So, set up your popup form right now using <a href=\"https:\/\/mailbluster.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">MailBluster<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to create pop-up forms in MailBluster for your website? When visiting different websites, you may have come across different popup forms. These forms appear when you scroll or stay on that specific webpage for a significant amount of time.&nbsp; So, what\u2019s the usage of the popup form for a website? Popup form is a &hellip; <a href=\"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Create your own Responsive Pop-up Forms in MailBluster: Best Practices &#038; Examples&#8221;<\/span><\/a><\/p>\n","protected":false},"author":15,"featured_media":6804,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[334],"tags":[1090,1169,1145,1171],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create your own Responsive Pop-up Forms in MailBluster<\/title>\n<meta name=\"description\" content=\"Stuck in creating pop-up form in MailBluster? We bring you the ultimate guide on how to create pop-up forms in MailBluster. Read on!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create your own Responsive Pop-up Forms in MailBluster\" \/>\n<meta property=\"og:description\" content=\"Stuck in creating pop-up form in MailBluster? We bring you the ultimate guide on how to create pop-up forms in MailBluster. Read on!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster\" \/>\n<meta property=\"og:site_name\" content=\"MailBluster Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-05T11:16:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-26T06:54:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailbluster.com\/blog\/wp-content\/uploads\/2024\/06\/Popup-forms-in-MailBluster.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mahadi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mailbluster.com\/blog\/#website\",\"url\":\"https:\/\/mailbluster.com\/blog\/\",\"name\":\"MailBluster Blog\",\"description\":\"Email Marketing Tips Delivered\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mailbluster.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster#primaryimage\",\"url\":\"https:\/\/mailbluster.com\/blog\/wp-content\/uploads\/2024\/06\/Popup-forms-in-MailBluster.png\",\"contentUrl\":\"https:\/\/mailbluster.com\/blog\/wp-content\/uploads\/2024\/06\/Popup-forms-in-MailBluster.png\",\"width\":1000,\"height\":600,\"caption\":\"pop up forms in MailBluster\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster#webpage\",\"url\":\"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster\",\"name\":\"Create your own Responsive Pop-up Forms in MailBluster\",\"isPartOf\":{\"@id\":\"https:\/\/mailbluster.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster#primaryimage\"},\"datePublished\":\"2024-06-05T11:16:57+00:00\",\"dateModified\":\"2025-04-26T06:54:45+00:00\",\"author\":{\"@id\":\"https:\/\/mailbluster.com\/blog\/#\/schema\/person\/d061d05d290ebc02cf2409216a595a49\"},\"description\":\"Stuck in creating pop-up form in MailBluster? We bring you the ultimate guide on how to create pop-up forms in MailBluster. Read on!\",\"breadcrumb\":{\"@id\":\"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mailbluster.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create your own Responsive Pop-up Forms in MailBluster: Best Practices &#038; Examples\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/mailbluster.com\/blog\/#\/schema\/person\/d061d05d290ebc02cf2409216a595a49\",\"name\":\"Mahadi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mailbluster.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e3104c10e62caf3c491078adbb77e4c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e3104c10e62caf3c491078adbb77e4c?s=96&d=mm&r=g\",\"caption\":\"Mahadi\"},\"description\":\"Mahadi is a senior content writer with years of experience handling content. He can craft a range of write-ups with technical or niche blogs.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/mahadi-saiful\/\"],\"url\":\"https:\/\/mailbluster.com\/blog\/author\/mahadi\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create your own Responsive Pop-up Forms in MailBluster","description":"Stuck in creating pop-up form in MailBluster? We bring you the ultimate guide on how to create pop-up forms in MailBluster. Read on!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster","og_locale":"en_US","og_type":"article","og_title":"Create your own Responsive Pop-up Forms in MailBluster","og_description":"Stuck in creating pop-up form in MailBluster? We bring you the ultimate guide on how to create pop-up forms in MailBluster. Read on!","og_url":"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster","og_site_name":"MailBluster Blog","article_published_time":"2024-06-05T11:16:57+00:00","article_modified_time":"2025-04-26T06:54:45+00:00","og_image":[{"width":1000,"height":600,"url":"https:\/\/mailbluster.com\/blog\/wp-content\/uploads\/2024\/06\/Popup-forms-in-MailBluster.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mahadi","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/mailbluster.com\/blog\/#website","url":"https:\/\/mailbluster.com\/blog\/","name":"MailBluster Blog","description":"Email Marketing Tips Delivered","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailbluster.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster#primaryimage","url":"https:\/\/mailbluster.com\/blog\/wp-content\/uploads\/2024\/06\/Popup-forms-in-MailBluster.png","contentUrl":"https:\/\/mailbluster.com\/blog\/wp-content\/uploads\/2024\/06\/Popup-forms-in-MailBluster.png","width":1000,"height":600,"caption":"pop up forms in MailBluster"},{"@type":"WebPage","@id":"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster#webpage","url":"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster","name":"Create your own Responsive Pop-up Forms in MailBluster","isPartOf":{"@id":"https:\/\/mailbluster.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster#primaryimage"},"datePublished":"2024-06-05T11:16:57+00:00","dateModified":"2025-04-26T06:54:45+00:00","author":{"@id":"https:\/\/mailbluster.com\/blog\/#\/schema\/person\/d061d05d290ebc02cf2409216a595a49"},"description":"Stuck in creating pop-up form in MailBluster? We bring you the ultimate guide on how to create pop-up forms in MailBluster. Read on!","breadcrumb":{"@id":"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mailbluster.com\/blog\/pop-up-forms-in-mailbluster#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailbluster.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create your own Responsive Pop-up Forms in MailBluster: Best Practices &#038; Examples"}]},{"@type":"Person","@id":"https:\/\/mailbluster.com\/blog\/#\/schema\/person\/d061d05d290ebc02cf2409216a595a49","name":"Mahadi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailbluster.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e3104c10e62caf3c491078adbb77e4c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e3104c10e62caf3c491078adbb77e4c?s=96&d=mm&r=g","caption":"Mahadi"},"description":"Mahadi is a senior content writer with years of experience handling content. He can craft a range of write-ups with technical or niche blogs.","sameAs":["https:\/\/www.linkedin.com\/in\/mahadi-saiful\/"],"url":"https:\/\/mailbluster.com\/blog\/author\/mahadi"}]}},"_links":{"self":[{"href":"https:\/\/mailbluster.com\/blog\/wp-json\/wp\/v2\/posts\/6797"}],"collection":[{"href":"https:\/\/mailbluster.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailbluster.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailbluster.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/mailbluster.com\/blog\/wp-json\/wp\/v2\/comments?post=6797"}],"version-history":[{"count":17,"href":"https:\/\/mailbluster.com\/blog\/wp-json\/wp\/v2\/posts\/6797\/revisions"}],"predecessor-version":[{"id":9905,"href":"https:\/\/mailbluster.com\/blog\/wp-json\/wp\/v2\/posts\/6797\/revisions\/9905"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailbluster.com\/blog\/wp-json\/wp\/v2\/media\/6804"}],"wp:attachment":[{"href":"https:\/\/mailbluster.com\/blog\/wp-json\/wp\/v2\/media?parent=6797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailbluster.com\/blog\/wp-json\/wp\/v2\/categories?post=6797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailbluster.com\/blog\/wp-json\/wp\/v2\/tags?post=6797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}