Creating a Subscriber Collection Popup

Goals and Outcomes

Creating a subscriber collection popup empowers you to grow your audience seamlessly while fostering engagement through SMS and email marketing. With this feature, you can capture visitors’ contact details directly from your website, providing an excellent opportunity to build relationships and enhance your brand’s reach.

By setting up this feature, you can:

• Increase subscriber acquisition with visually engaging and customizable popups.

• Stay compliant with regulations while gathering user consent for communication.

• Utilize collected data to personalize your marketing strategies and maximize conversion rates.

With these capabilities, you’ll enhance your ability to drive meaningful interactions and revenue growth through SMS and email campaigns.

Subscriber Collection Popup Overview

The Subscriber Collection Popup feature gives you the tools to effortlessly capture visitor information and expand your subscriber base. With customizable options, you can design popups that align with your brand’s identity, ensuring they resonate with your audience.

This feature allows you to:

• Collect SMS and email subscribers directly from your website.

• Customize popup content, layout, and style to reflect your brand.

• Use pre-built templates or create designs from scratch to match your marketing goals.

• Optimize your collection strategy with actionable insights into performance metrics.

By leveraging the Subscriber Collection Popup, you can effectively enhance your marketing reach and drive conversions while creating a seamless experience for your visitors.

Creating a Subscriber Collection Popup

Locating Your Popups

You can quickly customize your popups to match your brand by choosing from a variety of pre-designed templates.

To get started:

1. Open the Yotpo SMS & Email main menu and navigate to Audience > Subscriber Collection Tools.

2. Find the Popup card and click Set it up.

3. Explore the Popup Templates page, where you can sort templates by SMS & Email, SMS, or Email.

4. Select a template to access the editor and begin customizing, or click Create from scratch to design your popup from the ground up.

This intuitive process helps you create stunning, brand-aligned popups effortlessly.

Customizing Your Popup

The popup editor makes customization simple and intuitive for you. After selecting a template, just click on any element to see its properties appear on the left side of the screen. From there, you can effortlessly adjust colors, fonts, and outlines and even add an image to create a popup that perfectly matches your brand.

Important

When you style your popup—adjusting fonts, backgrounds, or images—apply these changes from the first step to ensure consistency across all steps.

For example, if your popup includes an Email, SMS, and Success step, styling changes made to the Email step will automatically carry over to the others. However, if you update the SMS or Success steps, those changes will apply only to the step you're editing. Starting from the first step ensures a cohesive design for your entire popup.

Layout Settings

In the menu on the left side of the popup editor, you’ll find the Layout Settings. Here, you can easily customize key elements of your popup, including colors, fonts, background images, corners, and outlines, to create a design that fits your brand perfectly.

In the Behaviors section, you control how your popup behaves. Set display times, target specific URLs, or enable exit intent detection to engage your audience effectively. For more details, check out our article, Defining the Behavior of Your Popup.

For more advanced customization, you can add a personal touch using the Add Custom CSS feature located at the bottom of the Layout Settings.

Popup Elements

You can quickly rearrange your popup elements—such as the title, subtitle, and button—by dragging and dropping them. To add new elements, click the plus icon between sections. Customize any element by clicking on it directly in the popup editor.

Easily customize each step of your popup, including its mobile design, using the navigation bar at the top. You can also reorder steps with drag-and-drop functionality—just click, hold, and drag the step to your desired position for added flexibility.

To organize your subscribers, use the Selected List drop-down menu to choose where new signups are added.

Important

When editing your compliance text, select the country to which the settings apply. You must also add your Privacy Policy and Terms of Service links.

Floating Button

To add a floating button, click the plus sign in the Popup Elements menu. This button appears at the bottom-left corner of your customer’s screen after they close the popup, letting them return to the form later. Customize the floating button just like any other element by clicking on it.

Publishing and Editing Your Welcome Flow

When you’re ready, click Publish. A success popup will appear—click See Flow to preview it. From there, select Customize Flow to open the flow editor and personalize your Welcome flow.