Follow the below steps to get instagram badge in footer of your website if you are using layout 5

  

Step 1: Copy the below script  code(red) and paste in notepad to make the changes as shown below in the GIF images.


 <script>

jQuery(".socialIcons>li:last").after('<li class="instagram15"><a target="_self" href="http://instagram.com/zepotest?ref=badge"><img class="instaicon" src="https://cdn0.iconfinder.com/data/icons/shift-logotypes/32/Instagram-32.png"></a></li>');

</script>



 Changes to be made are as follows.

1: You need to replace the yellow highlighted part of the code with your Instagram page link.

To do this follow the below GIF image .




Step 2: After making the changes in the code copy and paste it in zepo dashboard>>settings>>advanced features>> third party Javascript code box and save it.


Copy the below code to style the icon and add it to zepo dashboard>>settings>>advanced features>> third party meta tag code box and save it.

<style>

img.instaicon {

    margin-left: 12%;

    margin-top: 16%;

    width: 92%;

}

</style>



Note:

If your are using Vintage theme in layout 5 Please add the below code(red)  in addition to the above code to position the Instagram icon properly on your website. You have to just copy and paste the  code to zepo dashboard>>settings>>advanced features>> third party meta tag code box. 



<style>

img.instaicon {

    margin-top: 6px;

    width: 87%;

    height: auto;

}

</style>



The Instagram Badge is displayed in the footer section next to the social-footprints as shown in the image below: