Skip to main content
Create your first popup

How to create a popup window on any page

Updated over a week ago

Creating Your First Popup Popups are a great way to grab your website visitors' attention and encourage them to take action. Whether you want to promote a special offer, collect email addresses, or simply provide important information, popups can be an effective tool. In this article, we will guide you through the process of creating your first popup with Maindesk.

Create a new Popup

Navigate to the Pages Menu, this can be found on the left-hand side of your screen.

Click on the Add New button. This will open a popup menu. Select POPUP

Choose one of our pre-made templates. These templates are fully customizable, so you can make them fit your brand and message. Select the design that best suits your needs and click on it to start editing.

Once you have selected a design, you can start customizing it to fit your needs. You can change the text, colors, images, and more to make the popup truly your own. If you prefer, you can also start from scratch and create your own design using our drag-and-drop editor.

Popup Settings

In the Popup Settings menu, you can choose the position of your popup and give it a name for your own reference.

Popup Position

The first option in the Popup Settings menu is the popup position. This determines where the popup will appear on the screen once it is triggered.

Show Options

Next, you can select the Show Options for your popup. This will define when the popup will appear on the screen.

You can choose from the following triggers:

  • Show popup after time on page

  • Show popup on page scroll

  • Show popup on page exit

  • Allow on mobile devices

Close Action

After the user closes the popup, you can choose what action you want to take.

You have the following options:

  • Do not show it anymore

  • Do not show it for the rest of the browsing session

  • Show it again on next page visit

Animation

Finally, you can choose how you want your popup to animate when it appears and when it is closed.

You have the following animation options:

  • Fade In

  • Fade in & Scale

  • Fade In From The Top

  • Fade In From The Bottom

  • Fade In From The Right

  • Fade In From The Left

  • Super Scaled

  • 3D Flip Horizontal

  • 3D Flip Vertical

Once you have customized all of your settings, click the "Save" button to apply them to your popup.

How to Choose Specific Pages for Your Popup to Display

Select which pages you want your popup to display on. This could be your homepage, a specific product page, or any other page that you think is relevant for your popup's message.

Popup content layout

When you click on the brush icon, a new window will open up with all of the design options available to you.

In this design options window, you will have the ability to choose where your image should be displayed. This can be helpful if you want your image to be centered, aligned to the left or right, or even displayed as a full-width image.

Additionally, you can also change the background color of your image. This can be useful if you want your image to stand out or blend in with the rest of your website's design. You can also change the overlay background color, which is the color that appears behind your pop-up window.

Lastly, you have the option to change the color of the close button for your image. This is the button that users can click on to exit out of the pop-up window. You can choose a color that matches your website's design or stands out for easy visibility.

How to Collect Lead Information on Your Popup Form

If you have a form on your popup to collect lead information, there are a few ways you can use this information to your advantage.

Adding Tags to Leads

Tags are a great way to organize your leads and segment them based on their interests or actions. By adding tags to leads who submit their information on your popup form, you can easily identify and target them in the future.

You can create tags and assign them to leads based on specific actions, such as submitting a form on your popup.

Once you have set up your tags, Maindesk will capture the tag information and add it to the lead's profile when they submit the form. This way, you can easily identify and target these leads in your marketing efforts.

Adding Leads to an Email Marketing List

In addition to adding tags, you can also add leads directly to an email marketing list when they submit their information on your popup form. This allows you to start nurturing these leads and guiding them through your sales funnel.

Choose which email list you want to add your leads to. This will ensure that anyone who submits their information on your popup form will automatically be added to your email list, making it easier for you to communicate with them in the future.

Starting an Automation Sequence

Finally, you can take your lead collection efforts to the next level by setting up an automation sequence for those who submit their information on your popup form. This allows you to send a series of targeted emails to these leads, guiding them through your sales funnel and ultimately converting them into customers.

Maindesk allow you to create a series of emails and set triggers for when they should be sent. For example, you can set up an email to be sent immediately after a lead submits their information, followed by a series of follow-up emails over the next few days or weeks.

Did this answer your question?