System updates

We’re experiencing issues that may affect your Square services. We’ll continue to update our status page with more information.

Back to Home

Add a Pop-up or Banner to Your Website

Pop-ups are a great way to catch the attention of your visitors - use them to make an announcement, verify the age of website visitors, offer a coupon to new signups, or simply build up your mailing list.

popups-dashboard-main

Creating a pop-up is quick and easy. From your Online Store dashboard, go to Website > Pop-ups and click on the type of pop-up you want to use.

Note: Some types of pop-ups require a site upgrade.

cms-popups-style

Note: Settings will vary depending on which style of pop-up you’re creating.

Click on any of the thumbnails to view an example of the layout. You can use the buttons at the top to see how it displays on mobile and check out the confirmation message.

Once you’ve decided on a layout, click on the buttons below to edit additional settings:

Title and Text
Customize the color, style, and content of the display text and confirmation message.

Form Fields
Customize the placeholder text and style of the form fields and toggle the Name and Birthday fields on or off.

Action Buttons
Customize the behavior and style of the primary button and close icon. The action button can be set to an email address or phone number. Alternatively, you can set it to open a page on your website or an external website.

Background
Set a background color for your pop-up and upload an image for layouts that include one.

cms-popups-settings

Click on Settings at the top left to configure the pop-up behavior. The following options can be adjusted here:

Pop-up Name
An internal name for your pop-up (eg, lead generation form).

Timing
Configure which actions will trigger the pop-up for visitors.

Display Frequency
Decide how often to display the pop-up for returning visitors.

Stopping Conditions
Choose when to permanently stop displaying the pop-up based on the visitor’s actions.

Schedule
Select a timeframe for the pop-up. This is handy if you want to offer a limited-time discount to new signups, for example.

Email Notifications
Check the box here to enter your email address and specify how often you want to be notified of new submissions. You can choose from immediately, once daily, once weekly, or once a month.

Embed Code
Copy the code here to manually insert it into a webpage.

When you’re finished setting up your pop-up, click the publish button to make it appear on your live website.

popups-dashboard-saved

You can view and manage any pop-ups you’ve created from Website > Pop-ups in your dashboard. Click the . . . icon and then View details to see a preview of the selected pop-up. On the preview page, click Actions > Edit to make changes to the settings.

Note: The pop-up will be temporarily disabled during editing, and you’ll need to publish your site again after making changes.

Can't find what you need?