Get hagrid on your Webflow page

Hey, so you want to get hagrid on a page in your Webflow website. Great! 
Inside secret: we love Webflow too; which is why this website is on Webflow!

Here are the quick steps:

1. Get the code snippet from the hagrid dashboard

hagrid code snippet

2. Add it to the Head Code in “Custom Code” section of your Project Settings.

3. Add a "div block" to your page, where you would like to have the hagrid widget

4. Assign the class "hagrid" to the div block

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

Just remember that since the widget is dynamic, it will not show in your designer view. You will need to publish to view the widget in action.

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

Pro Tip

If you want to add the hagrid widget on multiple pages, just create a component, so you can use the section everywhere.


1. Adding custom code to your Webflow website

2. Everything about div blocks on Webflow

see hagrid in action.

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