Product

Create, publish and optimize pages with a drag&drop, pixel perfect and mobile-friendly builder

Speed up the creation process with 400+ customizable templates for landing pages, pop-ups and sections

Track microconversions in your Dashboard and analyze events and clicks with visual map

Integrate your pages with your favorite mar-tech apps and solutions to get the flow of your campaign going

Drive sales and conversions with irresistible product displays and seamless shopping experiences

Use a reliable and secure platform that smoothly handles millions of visits

Resources

Master digital marketing with the help from savvy professionals and increase your website’s conversions

Guides for beginners, set-up instructions and creation tips to get started and optimize your pages

A free online course for landing page creators! Learn the secrets of high-converting pages and become an expert

Get the answers you’re looking for – contact us

Schedule a one-on-one meeting with us and learn more about the benefits of our platform

Hire a Design Expert or order an import of your existing page from other platforms to Landingi

Home Help Center Adding pop-ups to Shopify store

Adding pop-ups to Shopify store

TABLE OF CONTENT

Pop-ups are a great way to convert your Shopify store visitors into shoppers. Why are these modal display boxes so effective?

They:

  • catch users’ attention,
  • help grow your newsletter subscription lists,
  • promote your new offers,
  • suggest relevant products to visitors.

Adding a pop-up to your Shopify website is easy and quick. All you need is a Landingi account, where you can create your own pop-up from scratch or take advantage of a ready-to-use template.

This guide will walk you through publishing your pop-up created in the Landingi platform on your Shopify store.

NOTE: You can only add a pop-up to a store theme that allows you to add custom scripts in the source files. Learn more about the options of themes on the Shopify website.

Setting up pop-ups in your Shopify store

Copy pop-up’s HTML code

1. When your pop-up is ready, click Next/Publish in the editor. You can also access the settings from the pop-up list by clicking on Display Rules.

2. In the new window, select Add External Pages.

3. Type the URL of your Shopify store. Find out more about pop-up publishing options here.

4. Publish your pop-up by clicking Save changes.

5. Copy the automatically generated code that will be responsible for displaying the pop-up.

Add a pop-up to your Shopify store

1. Go to your Shopify account.

2. On the left side menu, click Online Store and then go to Themes (2). Then select Actions and Edit code (2).

3. Go to theme.liquid (<!doctype HTML>).

4. Paste the code you generated earlier. Remember to add it before closing the tag (</head>).

5. Click Save.

Go to your Shopify store and check if the pop-up is displayed correctly.