How to Add Instagram Photo Gallery to Webflow

Do you need to create an image gallery or add a single photo to a page? Examine the outstanding cloud-based service - Elfsight Apps, that will grant you the opportunity to show any social plugin on a Webflow website quickly and artlessly.

Add Social Profile Widget in Just 2 Minutes!

Add an attractive portfolio to your own Webflow website with no developing proficiency in only several steps with the assistance of our widget. Find out more about widget!

Video Tutorial

Stage 1: Personalize Your Photo Gallery

To create your unique Instagram Widget, it’s necessary to create an account and get the custom code.

• Register or login to Elfsight Apps

At first, to access our online service, you need to set up a profile. Use only true e-mail addresses and passwords to register. If you already have an Elfsight Apps account, please, enter here.

• Select the desired product for your website

Our resource holds a number of apps which allow enhancing websites. To set Instagram feed to a Webflow website, just choose InstaLink.

• Make InstaLink be in line with your demands

Pick the pattern, styles and UI settings to shape the gallery that will blend in with your website. InstaLink advantages:
  • Responsive dimensions;
  • Variable number of columns and rows;
  • Adjustable breakpoints to make the widget blend with a browser’s dimensions;
  • Browsing controls, which consist of arrows, scroll and drag;
  • Etc.
You can study all the merits at the Instagram widget page.

• Copy the code to paste it into your web service

The concluding step in Elfsight Apps is to copy the app html code by pressing “Get” button by the gallery’s title.

Stage 2: Embed Photo Widget to Web Resource

The last step of installing the photo gallery is to place the widget on the site.

• Go to Webflow dashboard

Open the site’s pages editor.

• Select a website to edit

Select the necessary site from the list.

• Add the HTML element

Select a place for the gallery and pull the “Embed” element to that place.

• Paste the gallery

Enter the widget code into the HTML element and save the changes.

• Publish the changes.

Press the “Publish” button in the upper panel.

• Done!

Go to the gallery page to check it out.
You can also check our developed guide on how to embed Instagram on any website to learn the basic prinsiples of adding the content from Instagram to a site.

Modifying the Gallery’s Options after the Installation

To modify the color scheme or to alter the content source options after you’ve saved the plugin to your web page, visit your proper profile at Elfsight Apps. Then, go to «Dashboard» screen and select adjusting InstaLink.

Key Features of Photo Gallery InstaLink

Do you aspire to promote your pictures or make a striking portfolio for a personal platform? Take advantages of our user-appreciated and instantaneous Instagram widget:
  • Clear JS code;
  • Easy-to-user for beginners and specialists
  • Fast loading speed
In addition, the developers provide lifetime support for technical issues that will fix all questions with creation or configuration. See more our Webflow integrations.

Details about Elfsight Apps

It is a cloud resource that allows you to show the Elfsight widget in just a series of stages with no developing knowledge. Our application allows to multiply productivity and improve the pages of your own web project.

Check out the Instagram Widget for Free

Evaluate all the benefits and develop the immaculate Instagram App for your own website.