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

From Spiffy Stores Knowledge Base
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
From the ''Theme Settings > Instagram widget'' section, you can enable the Instagram Widget to display Instagram images on your shop's home page
+
<br><span style="color: red;">If you are using an older version of the Adelaide Theme and cannot see your feed, you should [[Updating your theme|update your theme]], and use the new HTML Section feature documented below.</span><br>
−
 
 
−
== Enabling the Instagram feed in your store ==
 
−
<gallery heights="200px" widths="200px" class="right">
 
−
Image:Melbourne-Instagram-manage-3.png
 
−
</gallery>
 
−
 
 
−
# Go to the ''Design & Assets -> Theme editor'' section, and scroll down to the ''Instagram widget'' section
 
−
# Enter your Instagram username.  It'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.
 
−
# ''Number of Images'' sets the number of images to show.  By default it's 12.  It 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>
 
<br>
  
−
===Pictures out of alignment?===
+
=Using the "HTML Section" to display an Instagram feed on your home page=
 +
In versions 1.8 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>
 +
* 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>
 +
* 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>
 +
* https://woxo.tech/ <br>Price: Free with Woxo branding.  $6.99 a month  to remove branding and enable more customisation.<br><br>
 +
* https://lightwidget.com/ <br>Price: $10 USD one-off fee to remove branding and support SSL<br><br>
 +
* 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>
 +
* https://embedsocial.com/create/instagram-feed/ <br>Price: Free, or $19 USD a month to remove branding and get more customisation features.<br><br>
  
−
The Instagram feed in this theme supports only square images.  To modify your feed so that only square images are used, follow the instructions below.
+
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" or "Wide HTML Section" fields in your theme editor.  Once you have done this, Save your settings.
 +
[[File:Html-block-theme-editor.png|border]]
  
−
# Go back to https://www.instagram.com/developer/clients/manage/ <br>
+
Also ensure you have enabled the section in the "Home Page - Sections" area of your Theme Editor.
−
# Click on the ''Manage'' button<br>
+
[[File:Simple-theme-sections-html-blocks.png|border]]
−
# Click the ''Migrations'' tab<br>
 
−
# Un-tick the ''Non square media'' option<br>
 
−
# Click the ''Update Client'' button<br>
 
  
 
<br><br>
 
<br><br>

Latest revision as of 08:45, 20 June 2022


If you are using an older version of the Adelaide Theme and cannot see your feed, you should update your theme, and use the new HTML Section feature documented below.


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

In versions 1.8 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...

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" or "Wide HTML Section" fields in your theme editor. Once you have done this, Save your settings. Html-block-theme-editor.png

Also ensure you have enabled the section in the "Home Page - Sections" area of your Theme Editor. Simple-theme-sections-html-blocks.png







« The Adelaide theme guide




Retrieved from "http://www.spiffystores.com.au/kb/index.php?title=Adelaide_ecommerce_theme_-_Displaying_an_Instagram_feed_on_your_home_page&oldid=9562"