Table of Contents

  • How to connect to Shoppable Instagram & Gallery?
  • How to log out of current Instagram Account?
  • Instagram Feed Settings
  • How to add slider to Store Front?
  • How to add slider to Product Pages Instruction?
  • How to add and delete product tags on photos?

 

Connecting Shopify to Instagram

1. How to connect to Shoppable Instagram & Gallery?

Click “Apps” on the main page, then click “Connect to Instagram”Create your Instagram account if you haven’t got one.

connect-to-instagram

You will successfully connect to your Instagram account when you see your Instagram ID like below.

connect-to-instagram-2

2. How to log out of my current Instagram Account?  

Click “Apps” on the main page, then click “Connect to Instagram”

Click “Edit Settings”, go to Edit Profile in Instagram home page – Choose “Apps and Website”, then click “Remove”

log-out-instagram-2

3. Instagram Feed Settings

Set your Enable Feed to “Yes”

Type your wanted title for your Instagram feed on the “Feed Label” box, it will be displayed at the top as the title.

Select numbers of photos per row and rows on the “Slides Per Row” and “Rows” box. Change your feed width at the “Slider Width” box. 

instagram-feed-settings

At last, check the “Preview Instagram Feed” to see your chosen settings. 

instagram-feed-settings-2

4. How to add slider to Store Front? 

Click on “Add Slider to Store Front”. An instruction modal appears. 

add-slider-to-store-front

Choose one of these options: 

  • Using Sections

Go to “Online Store” – “Themes”, choose “Customize” –  Add section, then select “AllFetch Instagram Feed”

E.g: https://prntscr.com/sfqdws

  •  Add this piece of HTML code to any templates in your theme.

Our script will automatically pick it up and render your Instagram Feed.

5. How to add slider to Product Pages Instruction? 

Click on “Add a Slider to Product Page”. An instruction modal appears. 

add-slider-to-product-page

Choose one of these options: 

  • Using Sections

Go to “Online Store” –  “Themes”, choose “Customize” –  Add section, then select “Product Page Slider” in your theme.

  •  Add this piece of HTML code to your Product Page Template

E.g: product.liquid

Our script will automatically pick it up and render your Instagram Feed.

 

6. How to add and delete product tags on photos?

Click on the chosen photo on the preview section, then click “Tag Products”

add-product-tags-1

Choose the wanted product on the “Add product” pop up, click “Add”.  A pin will appear on the photo. Move your pin to the wanted place on the photo.

add-product-tags-2

To delete the tag, hover on the product image on the right of the photo, then click “Delete”

delete-product-tags

© AllFetch 2020

For enquiries: support@allfetch.com

Apps