How-To

Using POWr Popup in Shopify

Created June 16 2016. Updated June 17 2016

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.

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.


Find index.liquid

  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 index.liquid in the list of files.
  7. This is the file that creates your store's homepage.

Adding Popup to index.liquid

  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 Popup to Every Page

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.

Find theme.liquid

  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.

Adding Popup to theme.liquid

  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.

Yes, This was helpful
Yes, This was helpful
No, This was NOT helpful