📩 Email signup popup

An Email Signup Popup is a small window that appears on your site to collect visitors’ email addresses—usually in exchange for a discount or offer. It's a simple way to grow your mailing list and boost conversions.

To get started: Go to Create Window popup → Select Email Signup Popup.

👉 First time creating a popup? Follow this quick step-by-step guide to learn how to create and publish your first popup.

This is where you build your form and collect subscriber data such as name and email.

🔧 How to set it up:

1.1. Add fields to your form

Click “Add field” to include extra fields like:
- First name
- Last name
- Email consent (for GDPR compliance)
- Footer
- Close action
- Countdown timer

1.2. Customize Email Field & Button

You can edit placeholder text, field styles, and the subscribe button.

1.3. Style your form

Background: Set a background color for the input container.
Font text: Choose text color.
Border: Set border color and adjust border radius to round the input corners.
Use consistent styling to match your store’s branding.

2.Success Message

After users submit their email, show them a confirmation message with a discount or offer.

🔧 How to set it up:

2.1. Edit content

Update the text and subtext to thank the user and explain the reward.
Add a Copyable Coupon field so they can easily grab the discount code.

2.2. Customize the coupon display

Border style: Choose from styles like rounded dashed.
Background color: Set background for the coupon field.
Coupon text color: Adjust font color of the code.
Font size: Use the slider to adjust text size.
Full width: Enable if you want the coupon field to stretch across the popup.

2.3. Add a CTA button

Include a “Continue shopping” or “Shop now” button with a link back to your site.

3. Visual Image

Select an image to appear in the popup.
Adjust size (10–50% width), position (Left, Right, or Top).
Tick the checkbox "Show image on mobile (Top)" if you want to keep the image on mobile.
Click the trash icon to remove the image if not needed.

You can customize the background of your popup using one of the following styles:

4.1. Solid Fill

A single, solid color applied as the popup background.
Ideal for a clean, minimal design or when you want text and buttons to stand out clearly.

4.2. Gradient

A smooth blend between two or more colors.
Great for adding a modern, eye-catching look to your popup without using an image.

4.3. Image Fill

Allows you to upload a custom image as the popup background.
After uploading, choose how the image should appear within the popup:
- Tile image: The image will be displayed at its real/original size, and if it's smaller than the container, it will repeat (tile) both vertically and horizontally until the background is fully filled. → Useful for creating pattern-style backgrounds or decorative effects.
- Fit image: Automatically resizes the image to fit the container while maintaining aspect ratio. Recommended if your image contains important content (like text or product visuals) that should be fully visible.

Tip: Use high-resolution images for best display quality across all screen sizes.

For email signup campaigns, enabling a teaser can significantly increase your chances of capturing leads. It allows visitors to reopen the popup after closing or choose to open it manually without interrupting their browsing experience.

This is especially helpful for:

Encouraging users to subscribe without being intrusive
Giving visitors more than one chance to sign up
Making sure your offer (e.g., discount for signing up) isn’t missed

Teaser Display Types

There are 3 teaser display options based on how and when you want the teaser to appear:

3. Show before displaying and after closed

Description: The teaser is displayed both before the popup is triggered and after it’s closed, giving users the ability to access the popup at any time.

When to use:
- For long-running campaigns or high-value messages like newsletter signups, exclusive discounts, or any popup where you want to maximize visibility.
- Ideal when you want to ensure the popup won’t be missed, even if the user ignores the initial trigger or closes it by accident.

You can also edit other settings:

Edit content & style: Customize the teaser’s text, color, and appearance to match your brand.
Close button: Choose whether to show or hide the teaser’s close button.
Device targeting & position:
- Enable teaser on desktop, mobile, or both.
- Adjust the teaser's position (e.g., bottom-left, bottom-right, etc.) on the screen.