Why you might want to add POWr to your theme
Our Automatic Install Wizard lets you easily add POWr to select pages, posts, and products. If you wish to manually install POWr to a section that is not accessible via Automatic Install (such as your site's home page), you can select Manual Install and paste your unique Plugin code into the theme directly.
Follow these steps:
- Open your Shopify Admin.
- Click on Sales Channels and select Online Store.
- Click on Themes.
- Click the three dots ().
- Click Edit HTML/CSS from the list.
- Open the appropriate HTML file
- Paste the Plugin's code into the file in the appropriate location.
- Click Save.
- Click Preview and to see your Plugin.
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.
To add a Plugin to your Shopify store's homepage, find the index.liquid file. Paste your Plugin's HTML code into the file. The lower you paste the code in the index.liquid file, the lower your Plugin will appear on the homepage.
To add a Plugin to the footer of every page - for example, for adding 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 page footer.
Check out this article for other places you can add POWr to: Advanced Shopify install: Collections, Password Page, Products
Pro Tip: Use HTML div instead of shortcode
When adding POWr to your theme, we recommend converting the provided shortcode to an HTML div. This makes the code an invisible element on your page, hence the shortcode will not appear while your page is loading.
<div class="powr-form-builder" id="397f1d45_1455045753398"></div>