Shopify Integration
Enable the widget on your Shopify store
Gary Gaspar avatar
Written by Gary Gaspar
Updated over a week ago

Why Shopify

Shopify provides advanced functionality with a plugin/application style platform that lets you download, install, and customize the site. Besides the features to enhance sales and social media promotion, it also offers inventory management, accounting, and business reporting.


Why Marker.io?

With the power of Marker.io, collecting website feedback on Shopify is a breeze, saving hours of developer time. Collect your Shopify feedback directly into your favorite PM tools and issue trackers.


How to add marker.io to Shopify?

  • Within app.marker.io navigate to your project settings > widget > Installation > Add code manually and copy code.

  • Within your Shopify store, navigate to Themes > Actions > Edit code.

  • Locate the header.liquid file

  • Paste the copied snippet code above the closing </header> tag

  • Save your changes

  • Visit your site, and the widget will appear.


Widget not displaying on your Shopify website?

If your widget is not displaying, try the following:

  • Ensure your website[s] is listed under website domains. Navigate to your project settings > Settings > General > Website domains. Check that the correct website domain(s) is listed here.

  • Check widget visibility settings: Check settings, including widget appearance and widget targeting within your Marker.io account.

  • Finally, check your caching settings, and open up your website using an incognito window to verify that it's working.


How to add the widget in Preview mode?

Sometimes you want your clients to be able to report feedback only on the Preview mode. You can easily do that by going into your Header.php and adding your snippet in the Preview more condition.

{% if content_for_header contains "previewBarInjector.init();" %}
Preview mode // Add marker.io snipet here
{% elsif content_for_header contains "Shopify.designMode" %}
Customizer
{% else %}
Live!
{% endif %}

Still having issues? Contact us anytime in the chat at the bottom right of our website.

Did this answer your question?