How to add and embed an Instagram feed in a HubSpot page

Curator offers an efficient way to embed your social media feed directly onto a HubSpot page

In this guide, we'll walk you through using Curator and seamlessly integrating the embed code into your HubSpot website.

1. How to use Curator
2. How to insert the embed code on a HubSpot page

1. How to use Curator

1. Create an account on https://curator.io/
2. On the Curator Dashboard page, create a new feed by clicking the + button
   

3. Input the name of the feed and choose "Approved" for the default post status, then click Create feed
   

4. Click Add a Source
   

5. Here you can choose which social media platform you'll use. Select Instagram
   

6. Select Personal Account
   
   

7. It will prompt you to connect Curator with your Instagram account. Click Connect Instagram
   

8. After connecting your Instagram account, it will redirect you back to the Curator website. It should say "Successfully connected" then show the name of your account. Select Continue
   
   

9. Click Next on the screen. It will then show your Instagram posts. Click Curate Feed at the top right side
   

10. This will take you to the Curate page. This is where you can add or remove or edit posts that will appear in your feed. Once you've finished curating your posts, click Style/publish feed at the top right side
    

11. This will take you to the Publish page. This is where you can edit the styling of the feed ie the layout, colors, etc. Adjust the settings on the left side-menu based on how you want your feed to appear when it's embedded. Please note that some settings are only available for paid accounts. Once you're finished editing the styling, click Get code at the top right side
    

12. You'll receive the embed code that you can use on your HubSpot page

     

2. How to insert the embed code on a HubSpot page

1. On the HubSpot page editor, insert or select a module where you want to embed the feed. In the module's rich text editor, select Advanced > Source code then paste this highlighted part of the embed code in the source code, then click Save Changes. Then select Apply changes to save the code in the module.
   
   
   

    

2. Then go to Settings > Advanced and paste this highlighted part of the embed code in the Footer HTML (under Additional code snippets)
   
   

3. After saving the changes to the page, you should now be able to see your Instagram feed embedded on the page. Please note that the "Powered By Curator.io" link at the bottom is required for free accounts. Do not remove it or your account will be suspended.
   
   
   Take a look at how we've added our Instagram feed to our Resources page here.