Shopify Installation
Add Simple Commenter to your Shopify store by editing your theme's code.
Step-by-Step Installation
1. Open Theme Editor
- Go to your Shopify Admin
- Navigate to Online Store > Themes
- Click Actions (or the three dots) on your current theme
- Select Edit code
2. Edit theme.liquid
- In the left sidebar, find and click theme.liquid (under Layout)
- Find the closing
</body>tag (usually near the bottom) - Add this code just before
</body>:
<script
src="https://simplecommenter.com/js/comments.min.js"
data-domain="{{ shop.domain }}"
defer
></script>
- Click Save
The {{ shop.domain }} Liquid variable automatically uses your store's domain.
Using a Custom Domain
If you want to use a specific domain (useful if you have multiple domains):
<script
src="https://simplecommenter.com/js/comments.min.js"
data-domain="www.yourstore.com"
defer
></script>
Adding to Specific Pages
To only show the widget on certain pages, use Liquid conditionals:
Only on Product Pages
{% if template contains 'product' %}
<script
src="https://simplecommenter.com/js/comments.min.js"
data-domain="{{ shop.domain }}"
defer
></script>
{% endif %}
Exclude Cart and Checkout
{% unless template contains 'cart' or request.page_type == 'checkout' %}
<script
src="https://simplecommenter.com/js/comments.min.js"
data-domain="{{ shop.domain }}"
defer
></script>
{% endunless %}
Only on Blog Posts
{% if template contains 'article' %}
<script
src="https://simplecommenter.com/js/comments.min.js"
data-domain="{{ shop.domain }}"
defer
></script>
{% endif %}
Using Shopify App Embeds (Alternative)
Some merchants prefer using the theme customizer:
- Go to Online Store > Themes > Customize
- Click App embeds in the left sidebar
- If Simple Commenter appears, toggle it on
This option is only available if you've installed Simple Commenter from the Shopify App Store.
Verifying Installation
- Save your changes
- Visit your live store (not the preview)
- Look for the feedback widget button
- Test on different page types (home, product, collection)
Troubleshooting
Widget not appearing
- Clear Shopify's cache: Go to Online Store > Themes, click the three dots, select Clear cache
- Check you edited the correct theme (your published theme)
- Verify the script is before
</body>, not after
Widget only on some pages
- Check for Liquid conditionals that might be excluding pages
- Some themes have separate layout files for different page types
Conflicts with Shopify apps
- Some apps inject scripts that may conflict
- Try temporarily disabling other apps to identify conflicts
- Ensure no duplicate feedback widgets are installed
Checkout pages
Shopify restricts scripts on checkout pages for security. The widget won't appear on:
/checkout/thank_you
This is expected behavior.
Need help? Contact support.