How Do You Create a Website Pop-up?

Pop-up websites are used in website builder they help you get sine-up and pop-up websites will help you to advertise you products on your site.


Create unlimited websites and landing pages using the visual drag-and-drop builder with no code


Add unlimited domains, web pages get free SSL certificates, and built-in SEO


Free SSL Certificate


Improve page rankings with built-in SEO tool, NinjaSEO


Choose from a number of pre-built templates to build fast, responsive websites


Easy & Fast to Build


100% Personalization


Unbelievable pricing - the lowest you will ever find


Everything your business needs - 50 apps, 24/5 support and 99.95% uptime

What Makes the Best Website Builder Software?

Here’s how to create Pop-Ups for your website:

Step 1: Configuration

  • In the Vertical Response app, go to the Forms tab and then select Create Pop Up.
  • You may position the form on your website in six different ways: centered, full screen, top banner, bottom banner, left sidebar, or right sidebar.
  • There are two template alternatives for each layout that you may choose as the beginning point for your design.

Step 2: Create your design

  • In the Pop-Ups editor, you may add content blocks, change material, and choose a page design. You have the option of including a variety of form fields. You will be able to gather information from visitors' email addresses to their website URLs.
  • You may make necessary fields to guarantee that visitors fill out forms completely. If a site visitor fails to fill out a mandatory field, a red error message will appear in the form field.

    Create Your Design

Step 3: Establishing Ground Rules

Name the Pop Up (this is purely for your convenience and will not be visible to website visitors), and then select whether you want the Pop Up to show on your own domain or on a Landing Page that you've previously made in your VerticalResponse account.

Choose when the Pop Up will appear:

  • When a visitor arrives at a page
  • When a visitor attempts to exit the page
  • After a visitor has scrolled down a certain proportion of the page (you can select between 10 percent and 100 percent )
  • After some time has passed, you determine (you can select between 5 and 60 seconds, in five-second increments)

Set the frequency with which the Pop Up appears:

  • Only once per visitor
  • During each visit
  • After a specific amount of visits (you can select between 1 and 10 visits)
  • Only during specific visits (can select between the first and tenth visits)
  • Not only on the initial visit but on all subsequent trips as well.

Step 4: Publish

  • This step confirms that the Pop Up is published and provides the embed code that you will need to paste into your website just before the tag. Even if you chose to use a VerticalResponse-created Landing Page in step 3, you will still need to go into the Landing Page and add the embed code. The code will not be added automatically.

  • After you add a Pop Up to your website or landing page, you can view all of your Pop-Ups by clicking on “Forms” in the top navigation. This will let you select the status of each Pop Up (choosing whether to keep it active or not), as well as view the number of visitors and conversions, and the conversion rate.

5 Types of Popups to Use on Your Website

Have you thought about employing a popup builder for your Landing Page? Do you think the danger exceeds the reward? The truth is that pop-ups may be quite effective, especially when used correctly and in accordance with best practices.

This post will go through the five different sorts of pop-ups that you may employ on your website, as well as the benefits and drawbacks of each. I'll make sure you're completely educated so you can make an informed selection when it comes to selecting the proper pop-up for your website.

Types of Popups to Use on Your Website

1. How to Use Click Pop-Ups

Click-Pop-Ups are activated when a visitor to your website or landing page clicks on a certain link, picture, or word. They are the only pop-ups that appear as a result of a user activity. As a result, they're the least invasive of all pop-ups.

Here’s how we use Click Pop-Ups (and how you should too):

  • Put a banner at the bottom of blog posts marketing a complete ebook on the same topic as the article.
  • Make the banner appealing, and the content title clear and visible.
  • Include a brief blurb (sentence) describing the ebook's worth.
  • Connect the click pop-up code to the banner image so that when the picture is clicked, the pop-up appears.

2. How to Use Timed Pop-Ups

Timed Pop-Ups display on a landing page or website after a visitor has been there for a set length of time. Some service providers only enable you to set it in a few increments (10 seconds, 30 and 60, for instance). Others (such as Wishpond, cough cough) allow you to test the time that works best for you, allowing you to see if 26 seconds, 47 seconds, or 183 seconds works best for you.

Timed Pop-Ups aren't a fave (I'll explain why below). If you do decide to utilize them, It recommend that you thoroughly test your pop-up timing. Initially, avoid dropping below 30 seconds on your blog pages and don't go over 60 seconds on your product pages.

3. How to Use Scroll Pop-Ups

Scroll Pop-Ups are the reason some don't utilize Timed Pop-Ups (but test them for yourself before taking my word for it!) The reason for this is because I use pop-ups largely on blog entries. Before advertising a lead-generation plan, I need to know that my traffic is truly involved in my content.

How to Use Scroll Pop-ups

Scroll Pop-Ups are ideal in this situation. They display once a reader (or landing page visitor) has scrolled down a particular proportion of your page or content (and not before).

Create Your Website with Easy Drag and Drop Builder

4. How to Use Entry Pop-Ups

Entry pop-ups are among the most underappreciated (perhaps because they are among the most harmful) pop-ups available to web marketers like us. They display as soon as a landing page or website loads, thereby preventing a visitor from seeing the page they meant to see until they interact with it.

This implies that input pop-ups occur before someone has seen your page's picture, read its USP, or been spoken with about the benefit of involvement in any manner.

5. How to Use Exit Pop-Ups

Exit pop-ups, the most frequent sort of pop-up, employ """"""""exit tracking"""""""" software to determine when a visitor to your landing page or blog intends to leave.

Exit Pop-Ups use mouse-tracking (yeah, we're getting a little sophisticated here, guys) to analyze cursor directionality and velocity, predicting (with amazing accuracy) when your visitors are ready to close a tab, open another, or hit the """"""""back"""""""" button on their browser. And it disrupts them.


Go to the next level with 500apps logo

Get all 50 apps - Join the SaaS Revolution - 500apps, $14.99/user flat pricing, 24/5 Support (Phone/Email/Onboarding)

light bg

Our customers are our biggest fans

Get Started with 500apps Today

Ninjasites is a part of 500apps Infinity Suite

Please enter a valid email address
Sign Up 14-day FREE Trial