Hey, so you want to get hagrid on a page in your Shopify store. Great! Inside secret: we have built a couple of amazing Shopify Apps, and love Shopify!

Here are the quick steps:

  1. Go to Online Store -> Theme-> Customise

https://uploads-ssl.webflow.com/61de9bba171cc69060455d91/6204abdd72245a0628b0e79e_89C99489-2430-475F-92A8-B5C7EF57C923.jpeg

https://uploads-ssl.webflow.com/61de9bba171cc69060455d91/6204ac056af9d69cfdf2bc4d_3D82E21C-D237-403F-9822-4C95347FCCFD.jpeg

  1. Add a section and choose “Custom HTML”. Click on the “Custom HTML” block to edit the HTML.

https://uploads-ssl.webflow.com/61de9bba171cc69060455d91/6204ac33a498e269d0e39bbc_E43E7F04-3787-46C2-869B-51767EAE99D7.jpeg

  1. In the HTML block first copy and paste this line:

<aside> 💡 <div class="hagrid"></div>

</aside>

  1. Get the code snippet from the hagrid set up instructions page: https://dashboard.hagrid.io/settings/setup-instructions It will look something like this, and it will be unique to your hagrid account. Paste it in the HTML block below the <div> you pasted in the previous step.

    hagrid - Snippet.jpg

  2. The block will look something like the image below, and once you click save the widget will be live on the page.

https://uploads-ssl.webflow.com/61de9bba171cc69060455d91/6204ac5efecf92e9cb4a927f_C8B61971-6D4B-4F02-BEEF-192673FBD681.jpeg

That's it!You now have the hagrid widget on your store.

If you have any questions, mail us at [email protected]

Pro Tip

Move around the block, and position it in any template page, so to have the widget show up wherever you need it. The widget will have questions that are unique to each page URL, so you can have one for each of your products.

References

  1. Editing your Shopify Theme