How to Create a Pop-Up on Square Online: A Step-by-Step Guide

We've heard from so many Square Online users who are eager to harness the power of pop-ups, but they're not sure where to start. Or what’s even possible within the Square Online platform,

They have questions like:

• How can I design a pop-up that looks professional and grabs attention?

• What's the best way to offer a discount or promotion using Square?

• How can I collect email addresses on my Square website?

• What about age verification pop-ups – how do I set those up?

That's why we created this comprehensive guide.

We'll walk you through all the various styling options and settings available for popups within the Square editor. Let’s dive in!

Square's got you covered with five distinct pop-up options:

• Email Signup Pop-Up: Capture valuable email addresses and build your marketing list.

• Coupon Pop-Up: Entice customers with discounts and special offers.

• Announcement Pop-Up: Share important updates or promotions with your audience.

• Age Verification Pop-Up: Ensure compliance and restrict access to certain content.

In this step-by-step guide, we'll walk you through the process of creating each type of Square pop-up, customizing its design and content, and setting up triggers to ensure it appears at the perfect moment.

No coding skills are required!

By the end, you’ll know to create effective pop-ups that enhance your customer experience and drive results.

Here’s how to get to the popup screen

How to access the popup

Square Popup Options and Settings

Square Online offers a suite of customization options to help you design pop-ups that align with your brand and resonate with your audience. Here's what you can tailor:

• Style and Content: Personalize background color, fonts, images, and layouts to match your website's aesthetic.

• Content: Craft compelling headlines, concise body text, and strong calls to action (CTAs) that convey your offer or message.

• Triggers: Determine when and how your pop-up appears. You can set it to display on page load, after page scroll or a certain time delay, or when a visitor is about to exit your site (exit intent).

• Frequency: Control how often your pop-up appears to the same visitor. Avoid annoying them by setting a reasonable frequency, such as once a visit, once a day, once every 3 days, once a week, once every 2 weeks, once a month.

• Schedule: Set a start and end date.

Here’s a screenshot of the settings:

Fine-Tune Your Pop-Up:

Square gives you even more control to perfect your pop-up:

• Gather Key Info: Easily collect birthdays and months to personalize future offers and messages.

• Guide Customer Actions: Tailor your button text to encourage specific actions, like "Shop Now" or "Get My Discount." You can even send visitors directly to a specific page after they sign up.

• Choose Where to Show: Decide if you want your pop-up to appear on desktop, mobile, or both – you have the flexibility to choose what works best for your audience.

• Keep it Clean: You can even hide the "Close" icon for a more streamlined look, but remember to give your visitors a way to exit the pop-up if they choose.

Collect Emails - E-mail Marketing Popup

Square Online offers 6 different layouts shown below.

E-mail Marketing Popup- Layout #1

Classic & Clean: Perfect for simple email sign-ups, featuring a headline, subheading, name, email fields, and a consent checkbox.

E-mail Marketing Popup- Layout #2

Visual Appeal: Add an eye-catching image to your signup form to grab attention and reinforce your message. Works great for product promotions or special offers.

Image Size: Min width 400 pixels (Recommended: 800 pixels x 800 pixels) | PNG or JPG

E-mail Marketing Popup- Layout #3

Subtle Header Bar: A non-intrusive option that displays your message across the top of your website, ideal for important announcements or limited-time promotions.

E-mail Marketing Popup- Layout #4

Full-Screen Impact: Make a bold statement with a full-screen pop-up featuring a striking image or color background. Perfect for big reveals or attention-grabbing offers.

Image Size:
Min width: 400 pixels
Format: PNG or JPG
Recommended: 1600 pixels x 1600 pixels

E-mail Marketing Popup- Layout #5

Sidekick: A compact pop-up that appears on the side of the screen, minimizing disruption to the browsing experience. You can display it on either the right or left side.

E-mail Marketing Popup- Layout #6

Anchor Button: Combine a classic email signup with a discreet anchor button (can show text or icon) that visitors can click to reveal your offer. Ideal for a less intrusive approach.

Offer a coupon - Coupon Popup

Leverage the power of discounts and promotions with Square's Coupon Pop-Ups.

Square's Coupon Pop-Ups let you share special offers with your visitors right when it matters most. Choose from the same user-friendly layouts as the email pop-ups (Layout #1-#4 are available) and create consistent campaigns.

Simply select your coupon or create a new one within the editor.

• Manage your coupons in Square Online by navigating to Square Online > Share Settings > Coupons.

Make an announcement - Announcement Pop-up

Keep your customers informed and engaged with Announcement Pop-Ups. Choose from layouts #1-4 (without the email fields) and customize them to share:

• New store hours or locations

• Upcoming events or promotions

• Links to external content

• Any other important message you want to highlight

Verify Age - Age Verification Popup

The Age Verification Pop-Up is a straightforward way to ensure your website complies with legal requirements. With a simple age confirmation prompt, you can restrict access to sensitive content or products intended for adults only.

Image Size:
Min width: 400 pixels
Format: PNG or JPG
Recommended: 1600 pixels x 1600 pixels

Conclusion

There you have it! You've just unlocked the power of Square pop-ups to captivate your audience and help boost your Square Online success. Now it's your turn to get creative and experiment with different layouts, content, and triggers to find what works best for your business.

Do you have any questions about setting up pop-ups in Square? Have you discovered any pro tips or tricks that have worked wonders for your website? Share your experiences and insights in the comments below!