How to Add Instagram Widget to Wix

Share
In this article we will inspect the step-by-step guide on how to present Instagram app InstaShow on Wix site. We will put to use a first-rate cloud product with ready-made solutions for websites – Elfsight Apps.

Set Up Your Own Instagram Feed

Complete a number of clear phases to implement the plugin to the required web page of your site. The expected setup time is less than 2 minutes.

1. Create an account at Elfsight Apps

• Register or login to Elfsight Apps

First, to get access to our online service you should set up an account. Submit only existing online mail addresses and passwords to set up an account. In case you already have an Elfsight Apps account, please, enter here.

Login to Elfsight Apps

• Find InstaShow at Elfsight Apps

Our resource offers various products which allow enhancing online businesses. To build in an Instagram gallery plugin to a Wix website, just choose InstaShow.

Select Instagram widget

• Make InstaShow meet your demands

Pick out the color schemes, styles and presentation settings to create the app that will fit your website in the best way.

InstaShow values:

  • Unlimited combinations of social sources (profiles, tags, locations and image URLs);
  • Complementary source filters;
  • Possibility limit Instagram images in the grid;
  • Cache media time option;

You are welcome to check out all the benefits at the plugin page.

Configure app for wix website

• Obtain the code to insert it into your web resource

The next phase in our platform is to receive the plugin code by clicking “Get” link beside the product’s name.

Copy app code

Steps to Install the Instagram Widget to Your Web Page

• Log into your Wix account

Follow the link and log into WIX site builder.

Log into WIX site builder

• Choose a website

Select the site to install the plugin to, and press «Manage Site».

Select the site to edit

• Press Edit

Next, click «Edit Site» to redirect to page editor.

Go to editor

• Choose a page

Select the page you need from the upper menu and go on to the Add Element menu on the left

Select the page to place the plugin to

• Add HTML element

Click the “+” icon and select “More” tab, “HTML Code” element. Drag and drop it into the place you need and set the size (the widget size is limited to the size of this window).

Move the HTML to the WIX page

• Paste the product code

Next, edit the «HTML Code» element by pressing the «Enter Code» button. Paste the InstaShow code you’ve got at Elfsight Apps into the window that comes up. Apply the changes by pressing «Publish».

Paste the plugin’s code

• Find the iframe with the product code

Go to the page you want to install the plugin to, and press «F12» to open the developer console. Next, press «CTRL+F» and enter “Elfsight” into the search field to find the necessary element.

Find Elfsight in the code

• Press Edit

Select “iframe” in the console to get the website URL that will be translated inside the iframe. Right-click on it and select “Edit as HTML” from the list that comes up.

Switch the code to HTML format

• Copy the domain from iframe

Copy the address from the “src” attribute.

Copy the altered iframe URL

• Add the changed domain to Elfsight Apps

Go to Elfsight Apps and paste the address you’ve got to “Installs” tab.

Add the domen of your Wix website

• Your installation is now complete!

Add Instagram Widget to Wix

How to Change the App’s Settings after Setup

You have the opportunity to adjust the plugin’s configuration or the inserted social profile in your account at Elfsight Apps. After you put the modifications in use, they will be automatically entered into force in your social plugin.

Best Instagram Gallery Widget for Wix

InstaShow is a universal Instagram content widget with lots of installments, feed configuration, completely changeable style and an elementary creation, what makes our product the best one among the other galleries.

What Is Elfsight Apps

It is a resource with cloud solutions that will allow you to update your platform and make your online trade more successful. It only takes a few actions to show our products at any page. Make your platform smarter with the help of Elfsight Apps!

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