A popup form helps you convert visitors and grow your email list. You can customize your popup based on your company's brand and add special offers or discounts.

When you have installed and published your popup form, the popup form will automatically display on your website.

In this article, you'll learn how to customize your popup form in Get a Newsletter, and how to install it on your website.

Before you start

Here are some things to know before you begin:

  • If multiple forms have the same display settings only the newest form will show up.

  • A visitor will only see your popup form once per visit, if the visitor closes the page and visits your website again the form will display.

Access the form editor

The form editor is where you can customize the popup form, success message, confirmation mail, and landing page.

To access the form editor, follow these steps:

  1. Click on “Contacts” > “Forms” >

  2. Click On “Create a form” > “Popup form

  3. Choose a template

Customize your popup form

You can customize the look of your popup form to make it blend seamlessly with your website.

To customize the popup form, follow these steps:

  1. Choose a template.

  2. Click “Design” to choose colors, fonts, font size, and change settings for the image.

  3. If you want to change something in the current template, click on the pen next to the block you want to change.

You can add, change position, set as required or remove form fields. Email is required by default. You can not at this moment add more fields than first name and last name.

Other things that are good to know:

  • In the mobile view, the image will not display.

  • Background color and image will be the same for your success message.

When you are happy with your popup form– click on “Next step” to:


Customize your success message

You can edit the text, change font style and add more spacing or dividers. The background color and the image is the same as it is in the form.

When you are happy with the success message – click on "Next step" to:


Customize your confirmation mail

Click on “Design” to customize general settings for background, content, fonts, dividers, and buttons.

If you would like to change the current text – click on the pen for the content block you would like to change.

If you would like to add content – click on “Build”, choose a section or content block, drag and drop the selected section or content block into the confirmation mail.

When you are happy with your confirmation mail – click on “Next step” to:


Customize your landing page

Click on “Design” to customize general settings for background, content, fonts, dividers, and buttons.

If you would like to change the current text – click on the pen for the content block you would like to change.

If you would like to add content - click on “Build”, choose a section or content block, drag and drop the selected section or content block into the landing page.

When you are happy with your landing page – click on "Next step" to:

Customize your popup form settings

Now it is time to select when and where the popup form will show, which list the visitor will subscribe to, and the sender for the confirmation mail.

The default setting is that the form will display 5 seconds after a visitor starts browsing your website. Having a delay will help you minimize the number of visitors that by habit will close the popup when entering the website.

The latest popup form will display. If you have several popup forms with the same display settings.

If you want the popup form to be shown on a specific page, click on “Selected pages” and add the URL or URLs for the pages where you want the popup form to display.

In the table below you can see some examples for how it works. We support both absolute and relative URLs. This is handy if you want to manage multiple website from the same account on Get a Newsletter.

  • Absolute: www.example.com

  • Relative: /about/

URL

Where

/blog/

Will only be displayed on /blog/ but on every website the script is installed

/blog*

Will be displayed on /blog/ and /blog/<post>/ on every website the script is installed

/blog/*

Will only be displayed on /blog/<post>/ , not /blog, on every website the script is installed

www.example.com

Will only be displayed on the start page for www.example.com and will not show up on subpages such as www.example.com/about

www.example.com*

Will be displayed on all pages on www.example.com

www.example.com/blog/

Will only be displayed on www.example.com/blog/ and will not show up on individual blog posts such as www.example.com/blog/my-first-article

www.example.com/blog*

Will be displayed on /blog/ and /blog/post/ on www.example.com

www.example.com/blog/*

Will only be displayed on /blog/<post>/ , not /blog, on www.example.com

Can I have several popup forms on the same websites?

If you want a general popup form and want a specific for a selected page, follow these steps:

  1. Create form A

  2. Choose “All pages

  3. Install the code on the website

  4. Publish form A

  5. Create form B

  6. Choose “Selected pages” and write the URL to the selected page in the field.

    1. Example: /about/

  7. Publish form B

And you are done 🥳

Popup form A will display on all pages except the selected page, and popup form B will display on the selected page(/about/).


Can I have different popup forms on separate websites?

If you have two websites and want to have different forms for each website, follow these steps:

  1. Create form A

  2. Choose “Selected pages” and write in the field “www.websiteA.com/*”

  3. Install the code on website A and website B

  4. Publish form A

  5. Create form B

  6. Choose “Selected pages” and write in the field “www.websiteB.com/*”

  7. Publish form B

And you are done 🥳

Popup form A will display on all pages of website A, and popup form B will display on all pages of website B.


Can I have a popup form on the main page (“/blog/”) and another one on subpages (“/blog/<post>”)?

If you like to have a form on the main page and another on subpages, follow these steps:

  1. Create form A

  2. Choose “Selected pages” and enter “/blog/” in the text area

  3. Install the code on the website

  4. Publish form A

  5. Create form B

  6. Choose “Selected pages” and “/blog/*” in the text area

  7. Publish form B

And you are done 🥳

Popup form A will display on www.yourwebsite.com/blog/, and popup form B will display on your individual blog post ( for example www.yourwebsite.com/blog/my-example-post)

When you have chosen when and where the popup form will be displayed, it is time to:

Install the code on your website

Copy the code and paste it on all pages on your website right before </head>.

This code is universal, which means that you only need to paste it to your website once, even if you edit or create a new popup form.

You can control which forms will be displayed under “Form settings” for each form.

Did this answer your question?