Adding Plugins to a Shopify Theme with HTML

Our Automatic Install Wizard lets you easily add POWr Plugins to select pages, posts, and products on your website. However, if you wish to manually install POWr to a section that is not accessible through Automatic Install, you can copy and paste your Plugin's unique code into the Shopify theme directly.

Follow these steps:

1. Open your Shopify admin
2. Navigate to Sales Channels and select Online Store.
3. Click on Themes
4. Locate the Actions dropdown on the page and select Edit Code
5. Open the appropriate HTML file
6. Paste the Plugin's code into your desired location
7. Click Save.
8. Click Preview to see your Plugin on your site.

Popular Places to Add Plugins in Themes

The places you can add a Plugin in your Shopify Theme are practically unlimited, and vary slightly from one theme to another. Here are some of the most popular.

Homepage

To add a Plugin to a custom location on your Shopify store's Home page, find the index.liquid file. This page is typically under the Templates folder of your HTML files. Once you locate the index.liquid page, paste your Plugin's HTML code into the file and Save the file.

If your homepage is using sections, follow the instructions in this link.

Page Footer

To add a Plugin to the footer of every page - for example, to install Social Media Icons - find the theme.liquid file. Scroll down through the file to find the Begin Footer note. Paste the Plugin's HTML code below the note. You can move the Plugin HTML code further down in the file to move the Plugin further down the footer.

Note: This option is also available via the Automatic Install Wizard by selecting "All Pages" and selecting the "Bottom" position as the install location.

Check out this article for other places you can add POWr to: Advanced Shopify install: Collections, Password Page, Products