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.