How to make
a top-image modal pop-up email form



A top-image modal pop-up email form widget is a graphical user interface (GUI) component that appears on a website or within an application, prompting users to enter their email address and subscribe to a mailing list or newsletter. The widget typically appears as a modal window or overlay on top of the main content, featuring a top-image banner or header that captures the user’s attention.

The purpose of the widget is to collect email addresses from users who are interested in receiving updates, promotions, or other information from the website or application owner. By offering a visually appealing and attention-grabbing widget, the owner can encourage users to subscribe to the mailing list and build a loyal following.

The content of the form widget typically includes a headline or call to action, such as “Join our mailing list”, and a text box or other field where users can enter their email address. The widget may also include additional fields or prompts, such as checkboxes for specific topics or interests, or a confirmation message after the user submits their information.

The design of the top-image modal pop-up is often eye-catching and engaging, with a top-image banner or header that features attractive imagery or typography. The widget may be triggered automatically after a certain amount of time or user activity, or it may be accessed through a designated button or link on the website.

Overall, the top-image modal pop-up email form widget can be a powerful tool for website and application owners to build their email list and engage with their audience. However, it is important to use the widget in a way that is not too intrusive or annoying to users, and to provide valuable and relevant content to subscribers to maintain their interest and loyalty.

Use this big top-image modal pop-up email form with images to attract subscribers and build communication with the auditory.

Create an Account or Sign In and Connect the Website

Find more information on connecting the website to the Magic Widget system here.

Select the Email Collection Modal Form and Create the Notification

modal email collector pop-up

Below is the step-by-step guide on creating a top-image modal pop-up email form with Magic Widget tools, including all settings and design options.

The pop-up design and configuration process contains the traditional sections and the data settings:

Basic Settings

modal email collector settings
Add here the email pop-up title, description, and modal image to attract the subscribers. It is also possible to show the agreement if it is required before the user sends the email address.

Also, specify the button text and “Thank you” page URL to redirect the user after subscription.


modal email collector triggers
Make the usual settings. It is possible to show the pop-up if the user clicks or mouse hover on the indicated CSS selector.

Display Settings

modal email collector display
This section is not unique as well. Make a usual settings.

Design Settings

modal email collector design
Please follow step-by-step the design settings.

Data Settings

modal email collector data

Use the Webhook to send the data from Countdown widget to another notification. For example, you can copy the Webhook from Latest Conversions or Conversions Counter notification and paste it here.

Activate the Notification

email collection pop-up form activate

Activate the Campaign

Make sure the Campaign is Activated and enjoy the notification.