Integrations
      Back to home
      1. Knowledge Base
      2. Integrations
      3. Integrations

      How to add an Instagram Feed to your website

      In this article

      Step 1: Install the Instagram integration

      Step 2: Add the Instagram Feed in the CMS

      Step 3: Customize

      Step 1: Install the Instagram integration

      To install the Instagram Integration, we first have to navigate to the General Settings of the project.

      Once we open the Integrations tab, we can install the Instagram Integration.



      To link your Instagram account, simply click on the Connect button after installing the integration.

      Using Change Permissions you can allow the user to link their account.

      Step 2: Add the Instagram Feed in the CMS

      • After adding the Instagram Integration, a new component will be available in the Grid Editor.

       

       

      Step 3: Customize

      After creating your Instagram Feed component, you can decide to leave the component as is, or tweak it with our design panels and functionality panel.

      feed


      • Click the gear wheel in the top-left corner of the IG Feed component from the design view to access the functionality panel.



      • Select the options that apply for you:
        • Show caption: enabled by default and visible upon hover. However, style this as you like.
        • Amount:  render 6 (or less, if not available) of your latest images from the connected Instagram account by default on every click of the load more button (if enabled).
        • Enable load more: show a button to render more images from your Instagram live feed. This is disabled by default.