Add an Instagram Feed to Your Website

Add an Instagram Feed to Your Website

To add a live Instagram feed to your website, you'll need to use a third-party social feed widget. These widgets provide the necessary code to embed your Instagram content directly onto your site. You'll then use an HTML block on your Websites 360® site to embed the code.


1. Find a Third-Party Social Feed Widget

You'll need to subscribe to a social feed platform and connect your Instagram account. Below are a few examples of third-party social widgets that work on the Websites 360® platform:


After you choose a platform and set up your account, you will find and copy the widget's embed code. This code is a snippet of HTML that will display your feed on your site.

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


2. Embed Your Instagram Feed

Once you have the embed code, you'll use an HTML block on your website to display the feed.

  1. From your Websites app, select the Pages tab at the top.

  2. Choose the page where you want the Instagram feed to appear.

  3. Click the (+) button to add a new content block. You can find this button at the bottom of the page or between existing blocks.

  4. Select the HTML tile from the menu.


  5. In the new HTML block, paste the embed code into the text area. Note: if you paste it incorrectly, you will be notified at the bottom of the block in red.

  6. Click the blue Save button.

  7. Finally, click Publish in the top-right corner to make the changes live on your 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 ...

    • Manage Sitewide Social Sharing Settings

      Your site’s visitors can share content on your website via links included within any of your content collections (blog posts for example). You can adjust the order in which the social icons appear on posts on your site. To manage the social sharing ...