How to Add Instagram Feed Plugin for Webflow

Share
In this editorial, you will find a thorough manual on how to display Instagram plugin InstaShow on a Webflow site. We will work with a high-quality product, developed by Elfsight Team – a platform with ready-made modules for web resources.

Contents

  1. Video Guide
  2. Step 1: Set up an account at Elfsight Apps
  3. Step 2: Stages of Embedding InstaShow
  4. BONUS: Get the taste of the demo version right now!

Video Guide

Personalize Your Own Instagram Widget

Accomplish several elementary steps, to show the gallery at the required pages of your website. Installation will take about 3 minutes.

Step 1: Set up an account at Elfsight Apps

• Register or log into our cloud service

First of all, in order to work with the Elfsight online service, please, set up a profile. Use only existing email addresses and passwords to register. If you already have an Elfsight Apps profile, please, authorize here.

Login to Elfsight Apps

• Select the right product for your website

Our web service has several plugins which will improve online businesses. To build in an Instagram widget to a Webflow website, just pick out InstaShow.

Select Instagram feed plugin

• Customize the social app

Decide on the gallery layout, styles and display settings to specify the plugin that will be most appropriate to your site.

InstaShow features:

  • Customizable sizes;
  • Opportunity to open photos in popup or straight on Instagram;
  • Select what social info will be displayed in your photo gallery;
  • Use one of 10 ready-made color patterns;
  • etc.

You can check out all the advantages at the Instagram plugin page.

Configure plugin for webflow website

• Discover the appropriate Instagram feed plan

You need to choose the payment plan in the window that opens up. Payment plans range from free to advanced. Taking into account the traffic of your site’, choose your plan and click the “Select” button.

Add the domain of your webflow website

• Copy the html code for activating InstaShow on your web service

The ending phase in the cloud-based service is to copy the product code by pressing “Get” button next to the app’s name.

Copy webflow plugin code

Step 2: Stages of Embedding InstaShow

• Login to your WebFlow profile

Login to WebFlow to edit the site.

Login to your WebFlow profile

• Choose the desired site

On the dashboard, choose the site to place the plugin to.

Choose a site

• Add HTML element to a page

Find the right place for the plugin and move the HTML element from the right-hand menu to that place.

Add HTML code to a page

• Insert plugin code

Paste the InstaShow script you’ve got at Elfsight Apps to the HTML editor window and save the changes.

Insert Instagram plugin code

• Publish the changes on the site

After you’ve made all the changes, press «Publish» in the upper menu to apply them to the website.

Save the changes on the site

• Installation is complete!

Go to the webpage to check out the Instagram gallery.

Add Instagram Feed Plugin for Webflow

How to Edit Plugin’s Options after Setup

You can rearrange the feed’s settings or the added social profile in your profile at Elfsight Apps. After you put the corrections to use, they will be automatically implemented in your app.

Best Instagram gallery for Webflow

InstaShow is a multifunctional Instagram image gallery with lots of adjustments variants, photos controls, totally variable user interface and a easy installation, which makes our solution one of the finest among its competitors.

Briefly About Elfsight Apps

It is a service with cloud solutions helping you improve your resource and make your business more profitable. Adding our plugins to any of your page only requires a couple of steps. It only takes a few stages to feature our plugins at any page. Make your resource better using Elfsight Apps!

Test the Instagram App for Free

Check out the layout set up and shape the most striking Instagram gallery for your own website.

Learn more solutions