Website Building » Shopify » How Do I Get Pop Ups on Shopify?

How Do I Get Pop Ups on Shopify?

Last updated on January 11, 2023 @ 7:58 pm

There are many ways to get pop ups on Shopify. You can use a Shopify app, or code your own.

Shopify apps are the easiest way to add pop ups to your store. There are many apps available, and they all work differently. Some apps allow you to create pop ups using their drag and drop builder, while others require you to code your own HTML and CSS.

If you want to code your own pop ups, you can do so using the Shopify embedded form editor. This editor allows you to add HTML and CSS to your Shopify store.

To access the form editor, go to Settings > Checkout > Order Processing > Form Builder. From here, you can add HTML and CSS to your shop.

Once you have added your HTML and CSS, you need to add a bit of JavaScript to make the pop up appear. To do this, go to Settings > Checkout > Order Processing > Additional Scripts. Here, you will need to add the following JavaScript:

<script type="text/javascript">
window.onload = function() { 
var element = document.getElementById('my-popup'); 
element.style.display = 'block'; 
} 
</script>

Replace ‘my-popup’ with the ID of your pop up. You can find this ID by looking at the HTML code of your pop up.

PRO TIP: If you are looking for a way to get pop ups on your Shopify store, be warned that this is not an advisable marketing technique. Pop ups can be intrusive and annoying for customers, which may lead to them leaving your site without making a purchase. Additionally, pop ups can be blocked by some web browsers, so customers may never even see them. If you are set on using pop ups, be sure to design them in a way that is not overly intrusive or annoying, and test them on multiple browsers to ensure they are visible.

Conclusion: There are many ways that you can get pop ups on Shopify, but using an app is going to be the easiest way. If you want more control over your pop ups, then coding them yourself using the Shopify form editor is a good option.

Dale Leydon

Dale Leydon

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