How to Add Instagram Feed Plugin for Webflow

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

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

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.

Video Guide

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

• 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.

• 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!