Add an Instagram Feed to Your Website

Add an Instagram Feed to Your Website

Are you looking to add an Instagram Feed to your website? If so, you will want to use a third-party social feed widget. 

You can embed these on your Websites 360® site using an HTML block:

  1. Find a third-party social feed widget
  2. Embed your Instagram feed

 

Find a third-party social feed widget

Below are some recommended widgets that offer embeddable Instagram feeds:

Once you choose a widget, then you will set up a subscription on their platform. There, you will connect your Instagram account, and then find the widget's embed code to copy.

Below: An example of an EmbedSocial Instagram feed on a website.

Screen_Shot_2020-07-07_at_4.39.37_PM.png

Below: An example of a SnapWidget Instagram feed on a website.

Screen_Shot_2020-07-07_at_4.39.47_PM.png

 

Embed your Instagram feed

Once you choose a third-party social widget to use, you can easily integrate your Instagram feed to your Websites 360® site by adding an HTML block and pasting in the embed code provided by the software.

To create an HTML block:

  1. Select the Pages tab at the top of your Websites app.
  2. Select the page you want to embed the Instagram feed.
  3. Select the (+) button at the bottom of the page or in between the content blocks, where you'd like to add the HTML block.

  4. Select the green HTML tile from the menu that appears.

  5. Paste the social feed widget's embed code into the new HTML block you have created, inside the text area circled in the screenshot below.
    Note: if you paste it incorrectly, you will be notified at the bottom of the block in red.

  6. After you paste your code into the code box, select the blue Save button.

Once you are ready, click Publish in the top-right corner of the publish the social feed on your live website.

    • Related Articles

    • Add and Manage Blog Posts

      You can add blog posts to your website by creating a Blog page. The Blog page type on Websites 360® comes pre-built with a content block that lets you create pre-formatted blog posts. Create a blog page Add a new blog post Duplicate a blog post Limit ...
    • Add an ADA Compliance Widget to Your Website

      You can make your website accessible to all users by adding the Userway widget to your website. This widget has several options for users to modify you website to suit them. Creating a Userway widget To add a helpful accessibility tool to your ...
    • Embed a Google Calendar on Websites 360®

      You can share your Google Calendar with your website visitors by embedding an interactive calendar to your website. Visitors can click and save your public calendar events. Note: The function of the Google Calendar is dependent upon third-party code, ...
    • Set up RSS Feed for Your Blog

      RSS (Rich Site Summary) is a way to deliver regularly changing web content. Having an RSS feed allows you to broadcast your blog posts directly to readers that continue to follow your content. To set up a RSS feed on your website's blog: Navigate to ...
    • Embed a Switcher Video Player on Websites 360®

      You can host monetized, gated, or paywalled video content on your website by creating videos on Switcher. Videos uploaded to Switcher can be placed on your website with an embed code. To get started, sign up for a Switcher account at this link, and ...