Skip to main content

Instagram v2

Instagram is one of the most influential social platforms that can attract potential customers. Using it in your store can be a tactic move.

Instagram demo

steps:

Add Instagram to the home page

  1. In the theme editor (Customize), click Add section
  2. Locate Instagram
  3. Save

Section settings

1. Layout settings

Container type: You can choose among Box, Wide, Fullwidth for the newsletter layout.

Select Reverse to change position

Use the provided fields to add a Title/Subtitle/Description for the section. Leave any of the fields blank if you do not want to display them.

Instagram access token

When you don't have an access token but still want to display images on the Instagram section, follow these steps:

  1. Save the images you want to display in .jpg format, and the images must be named as follows: instagram1.jpg, instagram2.jpg.

  2. For the number of Instagram images you want to display, take that many images and save them sequentially from 1 to n: For example, if I want to display 3 Instagram images, save the images as instagram1.jpg, instagram2.jpg, instagram3.jpg. Note that Instagram images should be square. Then go to the settings of the store, select the content section, choose file -> upload the Instagram images you just saved here.

    Instagram demo

Open mode

Icon: Paste svg tag

Instagram demo

info

Instructions on how to get access token link

warning

After 90 days the access token will expire. Please always update your Instagram token

2. Button settings

You have the flexibility to modify the label displayed on the button right here. Additionally, you can custom the button by selecting the Button mode, Button style, Button size option, Custom Border radius, Button padding

slideshow demo

3. General settings

Section color scheme: lets you select a predefined color scheme for the section, which applies to the text and background.

Background image The priority is higher than Background color

Use parallax enables a parallax scrolling effect for the background image (if one is set)

Section Padding allows you to specify spacing before or after sections or both

general demo