Skip to the main content.
Get Started
Get Started

2 min read

How to add an Instagram feed in a HubSpot website

How to add an Instagram feed in a HubSpot website

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
    Create new feed
  3. Input the name of the feed and choose "Approved" for the default post status, then click Create feed
    Create feed

  4. Click Add a Source
    Add a source

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

  6. Select Personal Account
    Personal Instagram account

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

  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
    Successfully connected

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

  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
    Curate feed

  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
    Edit the styling of the feed

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

     

 

 

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.
    Embed code
    Source code

     

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

  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.
    Instagram feed

    Take a look at how we've added our Instagram feed to our Resources page here.

 

 

HubSpot Content Hub Overview Guide

HubSpot Content Hub Overview Guide

We're thrilled to announce the release of our latest guide: HubSpot Content Hub Overview Guide. Dive deep into the features and capabilities of...

Read More
How to use Midjourney images in HubSpot

How to use Midjourney images in HubSpot

Midjourney is a text-to-image AI tool designed to empower users in crafting customised images by responding to prompts or sets of words. It’s a...

Read More
AI-Generated Images Take Center Stage

AI-Generated Images Take Center Stage

It's time to shake things up in the world of visuals! We've relied on stock images for years, but a new trend is taking over. With countless websites...

Read More