How to add an Elfsight Apps widget to the footer of your BigCommerce website

Share
Add an Elfsight widget to your website’s footer to make it contribute to the site’s value!

Where to find your widget installation code

First things first, so let’s find out where to get the installation code for your widget.

There are two ways to start using Elfsight Apps – either to download the app extension from BigCommerce Apps Marketplace, or to create your widget directly in our Elfsight Apps service. However, with both ways the process is the same – first you need to create and save your widget, and after you do it, you’ll be redirected to widgets’ list screen:

Click on Add to Website, and you’ll see the popup window with two lines of code. These lines are the installation code for your widget:

Now that we know how to get the installation code let’s move on to the installation process as such.

Not all the widgets look good in the footer, but for some of them, footer is actually the best option. Let me show you how to add Elfsight Instagram Widget to the footer of your BigCommerce website.

To add the widget, first you need to find the section with your theme files. To do it, you need to click on Storefront option.

Once there, you need to find the section where you can edit the theme files – Advanced Options of your theme, Edit HTML/CSS section:

You’ll be redirected to template files list. Please, click on Footer.html file:

Add the installation code to the Footer file. Let’s say that we need to display the widget in the grid next to the other footer elements. In this case we need to add the code as one of the elements of the grid, in the following way:

Press Save and check your webpage:

And if you just want to display the widget below the footer menu, you need to paste the code right above the footer links section:

And here’s what your footer will look like:

Try Instagram Widget for free

Check all features and find out the coolest look of the Instagram Widget on your website.