Shopify is a complete commerce platform that lets you start, grow, and manage a business. Below we show you how to integrate Marker.io with your Shopify website.


Why Shopify

Why Marker.io?

How to add marker.io to Shopify?

Widget not displaying on your Shopify website?

How to add the widget in Preview mode?


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.


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?