Create and publish a popup

A popup opens over your website to collect sign-ups or present an offer. MailGraf controls its design, triggers and repeat frequency.

Create the draft

1. Open Popups and click New popup

   The new popup window contains its name, purpose and starting design.

2. Enter a Popup name and choose a Purpose

   Newsletter signup collects confirmed subscribers. Lead capture records contact or information requests.

3. Choose a Starting design

   Use a ready-made popup, one of your saved templates or Blank.

4. Pick a Target list and click Create popup

   MailGraf creates the draft and opens the popup editor. A target list is required for publishing.

Prepare the design and form

Use Popup layouts to choose a centred popup, slide-in or bar. Add content from Blocks, then select an item on the canvas to edit it from the left panel.

The Form block connects the popup to a central MailGraf form. Select the block and choose a form under Select a form. The linked form supplies its fields, target list and tags. Every Form block needs a selected form before the popup can be published.

Choose the display rules

Open Behavior in the bottom panel and turn on Show as popup.

• Show after sets the delay before opening.
• Show after scroll waits until the visitor reaches the chosen percentage.
• Show on exit intent (desktop) opens when the pointer leaves the page.
• Don't show again for controls the number of days before another display.
• Show on pages accepts paths such as /pricing and groups such as /blog*. A blank field allows every page.

Publish and install it

Click Preview to open the popup on a separate demo page. Check its rules and mobile layout, then click Publish.

Popup script is the short installation code that runs the popup on your website. Find it at the bottom of Behavior > Advanced, then click Copy code. Add the code before the closing </body> tag. The published popup will now open according to its rules.