Using POWR Popup in Shopify

Homepage vs. Every Page vs. Single Page

There are a few ways to add POWR Popup to Shopify. You can add it to your homepage only, or to every page in your store, or even to a single page, like a specific product or category. 

The publish screen of the Popup editor will allow you to select the page or pages where you would like to install your popup. This is the easiest way to install.

The recommended installation is to all pages, that way visitors entering the site on any page will see the popup.

The frequency controls for the popup will apply across multiple pages, so if a Popup is installed to all pages and the frequency is set to once per week per visitor, a visitor navigating between pages on your website will still only see the popup once per week, on whichever page they landed on first. 

Manually installing a POWR Popup to your Shopify site

Adding Popup to Homepage

To add a popup to your store's homepage, you'll first need to find your store's index.liquid HTML file. Don't worry! This isn't as scary as it sounds.

1. Open your Shopify Admin.
2. Click on Sales Channels and select Online Store.
3. Click on Themes.
4. Click on Actions.
5. Click Edit code from the list.
6. Look for a file named index.liquid in the list of files.
7. This is the file that creates your store's homepage.

1. Open the index.liquid file.
2. Paste your popup's HTML Div code into the file.
3. It's best to paste the HTML Div code into the very bottom of the index.liquid file.
4. Click Save.
5. Click Preview to view your store.
6. Visit your store's homepage.
7. Your popup should appear after a few seconds.
8. To edit your popup, just click on the small Edit POWR Popup button. And don't worry, only you can see that button.

Adding a popup to every page is pretty similar to adding it to the homepage. You'll need to find your store's theme.liquid HTML file. Note that by default, the popup will appear once per week for every visitor, but you can change this in the POWR Editor.

1. Open your Shopify Admin.
2. Click on Sales Channels and select Online Store.
3. Click on Themes.
4. Click the three dots ().
5. Click Edit HTML/CSS from the list.
6. Look for a file named theme.liquid in the list of files.
7. This is the file that creates your store's Theme.

1. Open the theme.liquid file.
2. Paste your popup's HTML Div code into the file.
3. It's best to paste the HTML Div code near the bottom of the file, right before the <-- End Footer --> note.
4. Click Save.
5. Click Preview to view your store.
6. Visit any page of your store.
7. Your popup should appear after a few seconds.
8. To edit your popup, just click on the small Edit POWR Popup button. And don't worry, only you can see that button.