Shopify Popup Builder Tool for Free

Shopify logo
popupsmart favicon

Would you like to grow your email list, retain card abandoning visitors, and collect feedback for your Shopify store?

Popups are not irritating with Popupsmart but rather a better way of doubling sales conversions.

It is possible to build a popup for your Shopify store without any coding knowledge. All you need to do is to customize a conversion-ready popup template in 5 minutes with Popupsmart.

You can use our advanced segmentation system to target the right type of customer group for your business.

You can read our blog post about best shopify popup apps.

Moreover, you can present the popup campaign at the right time to increase the possibility of sales conversions thanks to our smart display options.

In the popup builder, there is an Analytics Tab for you to instantly measure the performance of your popup campaign and track whether it complies with your business goals or not.

Let’s begin.

Create Your Shopify Popup for Free

How to Create a Shopify Popup with Popupsmart?

Integrating Popupsmart with a Shopify store is a breeze, offering two straightforward methods to seamlessly incorporate its functionality. Firstly, you can effortlessly integrate Popupsmart with your Shopify store by utilizing Popupsmart's Shopify app, which streamlines the process with intuitive steps, ensuring a hassle-free setup.

Alternatively, for those preferring a direct approach, Popupsmart offers a simple embed code integration method, allowing you to embed the popup functionality directly into your Shopify store's theme. Whether opting for the app or code integration, Popupsmart ensures simplicity and efficiency in enhancing your Shopify store's engagement and conversion rates.

Let's see how you can create a Shopify popup in 2 ways:

Installing Popupsmart App to the Shopify Store

1. Navigate to the Shopify App Store and Install Popupsmart’s Shopify App

Navigate shopify app store

2. Clicking "Install" in the app store will redirect you to your store’s dashboard. Once there, click "Install App."

Click install in the app store

3. After installation, you'll be redirected to Popupsmart’s interface. You can either create a new Popupsmart account or add your Shopify Store to an existing account by clicking "Login to your Popupsmart account".

Connect your shopify account

4. Upon creating a new Popupsmart account, your credentials and store will automatically be authenticated. You will then see the following confirmation message.

Your shopify account successfully connected

5. After confirmation, you'll be taken to the first step of creating your first popup campaign. Choose a template goal from the left-hand menu to begin.

Creating your first popup campaign

6. Let’s create a popup campaign in order to collect emails. Select "Grow Email List" from the left-hand menu as your filter. Then choose a template that you like.

Select grow email list goal

7. In the Customize Step tailor your popup according to your needs. You can also adjust its style in the Style Step and create personalized Segments & Targeting to display the popup to specific users.

Campaign builder main popup preview

8. In the "Publish Step", you have the option to enable:

  • Autoresponder Email: Send automated emails to users who complete the email form in your popup.
  • Self Email Notification: Receive an email each time a visitor fills out your popup.
  • Integrations: Send form or website data to your CRM or messaging services.
  • Google Analytics: Automatically send popup events to your GA account.

After configuring these settings, click the "Publish" button.

Publish step shopify popup

9. If Popupsmart is not enabled in your Shopify Theme editor, you will see a modal that says "Verify Popupsmart App". If this modal appears, click "Theme settings in Shopify" to be redirected to your theme in the Shopify theme editor.

Verify popupsmart app

10. In your Shopify Theme editor, click “App embeds”, enable the Popupsmart Embed code and click "Save".

Shopify theme editor active app embed

11. After saving, return to Popupsmart and click "Refresh".

Shopify verify popupsmart app click refresh button

12. Once you've clicked "Refresh", a confirmation will appear in the modal. Click Okay when you see it.

Shopify verify popupsmart app click refresh button after verified

13. Voila! Your First Popup Campaign is Live! Your first popup campaign is now published in your store.

Shopify popup publishing campaign

ALTERNATIVE METHOD: Embedding Popupsmart Code to the Shopify Store

If you are unable to verify your site using Popupsmart App for Shopify as shown above or if you prefer to use a different method, you can manually verify your site by following the steps below.

1. After signing into your Popupsmart account, click on the “Embed Code” to get your unique embed code.

embed code section in the popup builder

2. A modal will open and give you your Popupsmart embed code. Copy your embed code to the clipboard.

copying the embed code to clipboard

3. Then, go to your Shopify store’s “Online Store” section from the “Sales Channels” part. Go to the “Themes” section. From your theme’s “Actions” part, select “Edit Code,” as shown below.

edit code section in Shopify dashboard

4. Go to the “theme.liquid” section under the “Layout” part.

theme.liquid file in the Shopify dashboard

5. Paste your Popupsmart embed code before the closing of your </body> tag and click on the “Save” button.

pasting popupsmart embed code to the Shopify store

Your code injection process is done, so you can go & create your popup campaigns. 

7. Now go to your Popupsmart dashboard and the “Websites” part from your profile.

websites section in the popup builder

8. Click on “New website” to add your Shopify store’s domain.

add a new website button in the popup builder

Enter your website’s URL to the “Add a new website” modal and click on the “Save” button.

9. And now, build your popup campaign and customize it as much as you like. Then, click on the “Save” and “Publish” buttons. Your Shopify store’s popup will be published, and you will see the modal below when your campaign is successful.

campaign is published modal

Still have questions? Contact us, and we will gladly help you.

Shopify Popup FAQ

Do I need coding skills to add a Shopify popup via Popupsmart?

No, you don’t need any coding skills to add popups to your Shopify store. Adding popups to Shopify stores is practical with a popup builder like Popupsmart! All you have to do is add your embed code to your Shopify theme’s file editor. 

That way, you can integrate Shopify with Popupsmart and start displaying conversion-ready popups that can boost your sales! 

Can I create a Shopify lightbox popup with Popupsmart?

Sure! You can easily create a highly customizable Shopify lightbox popup with Popupsmart. 

Also, we have different popup types, like full-screen and floating bar popups. Select one suitable for your Shopify store, and start customizing independently! 

Can I create a Shopify mobile popup with Popupsmart?

Absolutely! Popups you create with Popupsmart are mobile-friendly, and you can customize them according to mobile devices. That way, by adding mobile-responsive popups, you can reach your target audience appropriately. 

Can I create a Shopify popup contact form via Popupsmart?

Yes! You can create Shopify popup contact forms using Popupsmart with ease. In addition, you can interact with your visitors appropriately by adding email inputs and other elements with our drag-and-drop popup builder. 

30% off coupon discount promotional popup designjoin premium account popup designget a second phone line phone call popup design