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.
Adding your Elfsight Widget to the footer
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: