Difference between revisions of "Bendigo ecommerce theme - Displaying an Instagram feed on your home page"

From Spiffy Stores Knowledge Base

 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
From the ''Theme Settings > Home Page - Sections > Instagram widget'' section, you can enable the Instagram Widget to display Instagram images on your shop's home page.
+
<br><span style="font-size: 1em; display: block;">Note: If you are using an older version of the Bendigo theme, you will find that Instagram are currently blocking your Instagram feed.  If you cannot see your feed, you should [[Updating your theme|update your theme]], and then use the new HTML Section that is included in the latest version of the theme.</span><br>
  
== Enabling the Instagram feed in your store ==
+
==Using the "HTML Section" to display an Instagram feed on your home page==
<gallery heights="200px" widths="200px" class="right">
+
In versions 1.5 of the theme and up, we have introduced HTML Sections.  If Instagram are blocking you from displaying your Instagram feed, you'll need to use a third party widget.  One of the following should work well...<br>
Image:Melbourne-Instagram-manage-3.png
+
* https://lightwidget.com/ <br>This is our recommended option.  You'll need to pay the one-off fee, but you then have a lifetime feed with no advertising that works with SSL<br>Price: $10 USD one-off fee to remove branding and support SSL<br><br>
</gallery>
+
* https://taggbox.com/instagram-widget/ <br>Price: Free for up to 2,000 views a month. Displays Taggbox branding$19 USD a month to remove branding. <br>Requires that your Facebook Business Page be linked to your Instagram Business Account.<br><br>
Once you have registered your client ID, you'll need update your theme settings.
+
* https://woxo.tech/ <br>Price: Free with Woxo branding$6.99 a month to remove branding and enable more customisation.<br><br>
 
+
* https://snapwidget.com/ <br>Price: Free for the grid style, but images link to a SnapWidget preview.  The Pro option has a monthly fee.<br><br>
# Go to the ''Design & Assets -> Theme editor'' section, and scroll down to the ''Home Page - Sections Instagram widget'' section
+
* https://elfsight.com/instagram-feed-instashow/  <br>Price: Free... but you will likely go over your limit of 200 views and will need to pay the $5 USD a month to remove branding and support up to 5000 page views.<br><br>
# Enter your Instagram username into the ''Instagram Username'' fieldIt's important to only enter your Instagram username without any special characters. Please do not include the @ symbol with your username or the URL to your Instagram profile.
+
* https://embedsocial.com/create/instagram-feed/. <br>Price: Free, or $19 USD a month to remove branding and get more customisation features.<br><br>
on
 
# ''Instagram Widget Title'' is the title that appears above your Instagram feed on your home page
 
# ''Number of Images'' sets the number of images to showBy default it's 12It should be 2 or 3 times whatever number you set in the ''Number of Images to display per row'' field.
 
# ''Number of Images to display per row'' is how you can make your Instagram images bigger or smaller.  The higher the number, the smaller the images are, and the more that are displayed in the row.
 
 
 
<br>
 
 
 
=Instagram feed not showing?=
 
 
 
Instagram occasionally block you from bing able to see your feed.  This is usally temporary, and should last only a few hours.
 
 
 
<br>
 
 
 
===Pictures out of alignment?===
 
 
 
The Instagram feed in this theme supports only square images.  
 
  
 +
If you sign up for the widget, you can customise it on their site.  You can then paste the widget code into the "HTML Section" field in your theme editor.  Once you have done this, Save your settings.
 +
[[File:Html-block-theme-editor.png|border]]
 
<br><br>
 
<br><br>
 
 
<br>
 
<br>
 
 
<br>
 
<br>
 
 
<br>
 
<br>
 
+
[[Bendigo Ecommerce Theme - updating your home page|&laquo;  Updating your home page]]<br>
[[Bendigo Ecommerce Theme - updating your home page|&laquo;  Updating your home page]]
 
 
 
 
[[The Bendigo Ecommerce Theme Guide|&laquo; The Bendigo theme guide]]
 
[[The Bendigo Ecommerce Theme Guide|&laquo; The Bendigo theme guide]]
 
 
<br>
 
 
<br>
 

Latest revision as of 06:38, 26 November 2021


Note: If you are using an older version of the Bendigo theme, you will find that Instagram are currently blocking your Instagram feed. If you cannot see your feed, you should update your theme, and then use the new HTML Section that is included in the latest version of the theme.

Using the "HTML Section" to display an Instagram feed on your home page

In versions 1.5 of the theme and up, we have introduced HTML Sections. If Instagram are blocking you from displaying your Instagram feed, you'll need to use a third party widget. One of the following should work well...

  • https://lightwidget.com/
    This is our recommended option. You'll need to pay the one-off fee, but you then have a lifetime feed with no advertising that works with SSL
    Price: $10 USD one-off fee to remove branding and support SSL

  • https://taggbox.com/instagram-widget/
    Price: Free for up to 2,000 views a month. Displays Taggbox branding. $19 USD a month to remove branding.
    Requires that your Facebook Business Page be linked to your Instagram Business Account.

  • https://woxo.tech/
    Price: Free with Woxo branding. $6.99 a month to remove branding and enable more customisation.

  • https://snapwidget.com/
    Price: Free for the grid style, but images link to a SnapWidget preview. The Pro option has a monthly fee.

  • https://elfsight.com/instagram-feed-instashow/
    Price: Free... but you will likely go over your limit of 200 views and will need to pay the $5 USD a month to remove branding and support up to 5000 page views.

  • https://embedsocial.com/create/instagram-feed/.
    Price: Free, or $19 USD a month to remove branding and get more customisation features.

If you sign up for the widget, you can customise it on their site. You can then paste the widget code into the "HTML Section" field in your theme editor. Once you have done this, Save your settings. Html-block-theme-editor.png




« Updating your home page
« The Bendigo theme guide