• Help Center
  • How to Add Instagram Feed Plugin for Webflow

How to Add Instagram Feed Plugin for Webflow

Share
In this editorial we will review the thorough manual on how to display Instagram plugin InstaShow on an Webflow site. We will work with a high-end cloud product with ready-made modules for sites – Elfsight Apps.

Video Guide

Personalize Your Own Instagram Widget

Accomplish several elementary stages, to show the gallery at the required pages of your website. The approximated embed time is about 3 minutes.

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 has to be displayed in your photo gallery;
  • Take one of 10 ready-made color patterns;
  • etc.

You can check out all the merits at the 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 Enterprise. Figure out your personal site’s traffic 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

2. Stages of Embedding InstaShow

• Login to your WebFlow profile

Login to WebFlow to edit a site.

Login to your WebFlow profile

• Choose a site

Choose the site to place the plugin to from the dashboard.

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 uncomplicated creation, what makes our solution one of the finest among its competitors.

Briefly About Elfsight Apps

It is a service with cloud solutions that will let you improve your resource and make your business more profitable. 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 collect the most striking Instagram gallery for your own website.

Still got questions?

If you need any further assistance, contact our very helpful Support Center and we'll be happy to answer any questions. Just expect a response during our working hours (from 10 a.m. to 7 p.m. CET, Monday through Friday).