Website Building » Shopify » How Do You Do Pop Ups on Shopify?

How Do You Do Pop Ups on Shopify?

Last updated on January 9, 2023 @ 6:20 pm

There are a few different ways that you can add pop ups to your Shopify store. The most common method is to use a Shopify app, such as Justuno or Privy. These apps will allow you to create custom pop ups and add them to your store.

Another way to add pop ups to your Shopify store is by using HTML and CSS. This method is a bit more complex, but it does give you more control over the design of your pop ups.

To use HTML and CSS to create a pop up, you first need to create a new page in your Shopify admin. Then, add the following code to the page:

<div class="popup">
<div class="popup-inner">
<h1>Pop Up Title</h1>
<p>Pop up content goes here. </p>
</div>

Replace "Pop Up Title" with the title of your pop up, and "Pop up content goes here." with the content you want to display in your pop up. Once you've added this code to your page, click "Save" and then "View Page" to see how your pop up looks.

If you're happy with the way your pop up looks, you can then add it to your shop by embedding the code on your Shopify theme. To do this, go to Online Store > Themes > Edit HTML/CSS.

In the Layout section, look for the theme.liquid file and click on it. Then, scroll down until you find the </body> tag and paste the code for your pop up above it. Be sure to click "Save" when you're done.

Now that you've added your pop up to your Shopify store, it's time to test it out! Visit your shop and see if the pop up appears.

If it doesn't, try refreshing the page or clearing your browser's cache. Once you've confirmed that your pop up is working, you can start collecting email addresses from visitors!

Conclusion:

There are a few different ways that you can add pop ups to your Shopify store.

The most common method is to use a Shopify app, such as Justuno or Privy.

PRO TIP: Pop ups can be intrusive and annoying. If not used correctly, they can drive customers away from your store. Use pop ups sparingly and make sure they are relevant to what your customers are looking for.
Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.