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

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

• Register your domain at Elfsight Apps

After you have shaped and saved the gallery, you have to add the resource it will be used on. The widget won’t be shown until the website address is provided.

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!

Have more questions?