How to Add a Popup to Squarespace with Popupsmart?
Now, let's have a look at how to create a smart popup in Squarespace via Popupsmart's builder;
![how to sign up for popupsmart](png/65b7a27214b0ed770e04b348_popupsmart-register-log-in-page.png)
2. Confirm your email address by clicking the link on the confirmation email that you receive.
If you have already joined the Popupsmart family, please ignore the above two steps and continue with the following steps.
3. Log in to your Popupsmart account.
![how to sign in to your popupsmart account](png/65b7a272fbd010572ea74b57_sign-in-popupsmart-account.png)
4. To create your first popup, install the embed code between the header tags of your websites. You can also easily add the embed code via Google Tag Manager.
This is a one-time necessity, so you can use the same embed code for all your websites as well as all your future popup campaigns.
![how to get your embed code before beginning to start your first popup](png/65b7a3912a1cc1772c11cdbc_popupsmart-website-embed-code-dashboard.png)
5. Click "Create a New Popup" on your Popupsmart account dashboard.
![click create a new popup button to build your first popup with popupsmart](png/65b7a27314b0ed770e04b34d_popupsmart-create-a-new-popup.png)
6. Select a business objective for your popup campaign. Design options may vary to help create an optimized popup design according to your business objectives.
![select your business objective of creating this popup campaign with popupsmart](png/65b7a273e3dab6fff3e4198b_select-your-business-objective-popupsmart.png)
7. Edit your popup design's properties, such as form fields, font options, buttons, display effects, and display sounds via the "Design Tab."
![design your popup with popupsmart's smart popup builder](png/65b7a392e5fdb0b46008f247_popupsmart-app-design-section.png)
8. Via the "Display Tab", determine when you want to show popups to visitors and which audience group you'd want to show your popup campaigns to.
![display tab on popup builder of popupsmart to decide on popup display options](png/65b7a2739a9e03e8cc20fdb3_popupsmart-app-display-section.png)
9. Connect your Popupsmart account with applications such as MailChimp and Zapier or with a webhook on the "Integrations Tab."
![popupsmart integration options zapier Mailchimp and webhook connection](png/65b7a2733e137a622434f1ca_popupsmart-app-integrations-section.png)
10. Observe the number of popup impressions, popup displays, actual conversions, and your campaign’s conversion rates instantly. Additionally, you can easily measure the effectiveness of your popup campaign thanks to our Popup ROI Calculator.
![popupsmart's analytic section measure your popup's effectiveness](png/65b7a273fbe991577b5aa796_popupsmart-app-analytics-section.png)
11. After you have completed the editing process, go to the "Publish Tab" and turn on Status toggle. Then, through the ‘Platform’ section, choose "Any Website" and copy the provided code to your clipboard.
![where you can get your popupsmart popup embed code to publish tab](png/65b7a273f6af3154a137027a_how-to-publish-popup-with-popupsmart-on-your-website.png)
![how to copy popup embed code for any websites popupsmart](png/65b7a273e89dd65214e19a53_how-to-copy-popup-embed-code-popupsmart.png)
12. Log in to your Squarespace website admin panel.
![login your squarespace website admin panel](png/65b7a391661aa2455279b297_login-squarespace-account.png)
13. Go to "Advanced Settings" under the Settings tab.
![advanced website settings on squarespace admin panel](png/65b7a391cab66ed002186055_squarespace-website-settings.png)
![squarespace website advanced settings](png/65b7a391038b35052efcb47d_squarespace-website-advanced-settings.png)
14. Click on "Code Injection" to insert a code element.
![squarespace website code injection tab to add a third party code to your website](png/65b7a3915b2309866a35d8c5_squarespace-website-code-injection.png)
15. Paste your Popupsmart popup code on your clipboard, and save it.
![where you need to paste your popup code in your squarespace website](png/65b7a3920599d799efacd5f8_squarespace-website-popupsmart-popup-code-injection.png)
Now it is time for you to grab a cup of coffee and enjoy boosting your conversions with Popupsmart's sales-driven popups!
How to Create a Popup with Squarespace Popup Builder?
Before creating your popup with Squarespace's Popup Builder, note that this feature is only available to premium members, which will cost up to $40 per month!
Now, let's have a look at how to create a popup in Squarespace via Squarespace's Popup Builder;
1. Log in to your Squarespace website builder account.
![login to your squarespace website admin panel account](png/65b7a391661aa2455279b297_login-squarespace-account.png)
2. Go to the Marketing Tab in the Home Menu.
![marketing tab on squarespace website](png/65b7a3917606757a6e5fb5ac_squarespace-marketing-tab.png)
3. Click "Promotional Pop-Up" to create your popup campaign.
![create promotional popup on your squarespace website](png/65b7a391fbe991577b5b6a0d_squarespace-marketing-tab-promotional-popup.png)
4. Next, click "Change Layout" panel to select a blank template. Then, save and go back to continue editing your popup campaign.
![select a layout for your squarespace website popup](png/65b7a391cab66ed002186059_select-layout-for-squarespace-popup.png)
5. Now, use the "Action" panel to add newsletter sign-up or any other buttons. Then, save and go back. If you choose the "Sign up for newsletter" goal, you must connect your Squarespace Email Campaign with Mailchimp, or Google Drive account to save collected emails.
![choose action goal for your squarespace popup](png/65b7a39226f7e8b2542d91a2_choose-action-goal-of-squarespace-popup.png)
6. Thirdly, reach the Connect panel to add a headline and body text. Make sure your popup campaign content encourages clicks. Then, save and return to the editor.
![how to change text on your squarespace popup](png/65b7a391fe998b7b62c319cf_change-text-squarespace-popup.png)
7. Set how the popup appears by using the "Display & Timing" panel. Then, save and click Promotional popup to continue editing.
![how to set popup display and timing on squarespace popup](png/65b7a3913681ba33b659f4fb_display-timing-options-squarespace-popup.png)
8. Add a background image by using the "Image" panel. Note that some templates do not support images. After including an image to your popup campaign, save and continue making changes. It is not possible to change the layout of an image; therefore, make sure you have optimized the image according to the determined image size.
![how to add an image to your squarespace popup](png/65b7a391661aa2455279b29e_add-image-squarespace-popup.png)
9. Lastly, edit the color and font of your popup text, background color, overlay, button, and animation via the "Style" panel. Save the final appearance, and you are ready to go.
![how to edit a style for your popup headline text on squarespace](png/65b7a3915cc49774e12b4be6_edit-style-squarespace-popup.png)
If the popup display is as you please, you are ready to go! After completing popup editing and saving, you may change your popup campaign by referring back to the steps above.
I hope this guide on how to create a popup in Squarespace proves useful for you to build high converting popups and boost your sales!
In case you want to take a look at how to add popups using different website builders, check the articles below:
How to Make a Popup in Webflow?
How to Add a Popup to Weebly for Maximizing Conversions?