Shopify Installation

Add Simple Commenter to your Shopify store by editing your theme's code.

Step-by-Step Installation

1. Open Theme Editor

  1. Go to your Shopify Admin
  2. Navigate to Online Store > Themes
  3. Click Actions (or the three dots) on your current theme
  4. Select Edit code

2. Edit theme.liquid

  1. In the left sidebar, find and click theme.liquid (under Layout)
  2. Find the closing </body> tag (usually near the bottom)
  3. Add this code just before </body>:
<script
  src="https://simplecommenter.com/js/comments.min.js"
  data-domain="{{ shop.domain }}"
  defer
></script>
  1. 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:

  1. Go to Online Store > Themes > Customize
  2. Click App embeds in the left sidebar
  3. 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

  1. Save your changes
  2. Visit your live store (not the preview)
  3. Look for the feedback widget button
  4. 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.

Was this page helpful?