Get hagrid on your Shopify storefront

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

2. Add a section and choose ‚ÄúCustom HTML‚ÄĚ. Click on the ‚ÄúCustom HTML‚Ä̬†block to edit the HTML.

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

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

4. Get the code snippet from the hagrid dashboard, and paste it in the HTML block below the <div> you pasted in the previous step.

hagrid code snippet

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

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

If you have any questions, ask us below or chat with us.

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.


1. Editing your Shopify Theme

see hagrid in action.

ask us anything you'd like, we're using hagrid to put this FAQ up