Instagram widget

1. In the Facebook page name setting enter the name of the Facebook page that is associated with the Instagram account you're connecting to
   You must enter the Facebook page name exactly (including any spaces). The page name is not your Facebook page's URL
2. Select login with Facebook
   • You must ensure the Facebook account you log in to owns, or has been granted access to manage, both the Facebook Page and Instagram Business account that you are trying to connect
3. Follow Facebook's instructions to grant the ShopWired app access to your Instagram account
4. On returning back to the app page a confirmation message will be displayed that confirms the app has successfully been connected
5. Select get posts to instruct the app to download your Instagram posts
   • All my posts means the app will download all of your Instagram account's posts
   • Posts I have been tagged in means the app will download all posts on Instagram that your Instagram account has been tagged in
6. Repeat the process if you want to display multiple Instagram feeds on your website (for example one feed showing your Instagram account's posts and then other showing posts your Instagram account has been tagged in)

Use this setting to display a title above where the Instagram feed is displayed on your website.

Use this setting to select which type of posts are displayed in the Instagram feed:

• All my posts displays all of your Instagram posts
• Posts with specific hashtags only displays posts with a specific hashtag
• Configure the hashtags in the next field
• Posts I have been tagged in only displays Instagram posts you have been tagged in
• This option is useful to display a feed of posts from your customers

Use this setting to select what should happen when a visitor hovers over an Instagram post:

• Do nothing the post will not change
• Show number of likes will display the number of likes the Instagram post has received
• Show post description will display the Instagram post's description
• Show number of likes and post description will display both the number of likes the Instagram post has received and its description

Use this setting to select what should happen when a visitor clicks an Instagram post:

• Do nothing means nothing will happen
• Open popup means a popup window will appear displaying the Instagram post larger
• Go to Instagram means a new browser window will open showing the Instagram post on the Instagram website

Use this setting to select the amount of (empty) space between Instagram posts.

Use this setting to select the layout of the Instagram posts in the widget:

• Grid means the widget displays Instagram posts in grid format (you can set the number of rows and columns the grid has)
• Slider means the widget displays Instagram posts in a slider (you can set the number of columns the slider has)

Use these settings to select how many rows of Instagram posts are displayed in the widget.

Use these settings to select how many columns of Instagram posts are displayed in the widget.

You can tag your products displayed in your Instagram posts using the product tagging section. By tagging products, viewers of your Instagram posts can be taken straight through to your ShopWired website to buy the product(s) they contain.

The list of products that can be added to your posts is retrieved from the Facebook Catalogue that is associated with the connected Facebook Page.

1. In the Product tagging section you will see a list of all Instagram posts associated with the account connected to the Instagram Widget app
2. Select the tag icon to tag a product in the post
3. Use the product search to search through products by product name or SKU code
   
4. Select the product you want to tag
5. Once you have successfully tagged a product, a confirmation message will be displayed

If your website uses a Version 5 theme, you can use the app sections feature to configure the pages on which you want to display your Instagram feed and where the feed should display on each page.

Read detailed instructions here.

If your website uses a Version 4 theme, follow the instructions below to add the necessary code to your theme files:

1. Open the code editor for the theme you want to add the code to
   • ShopWired recommends duplicating your live theme and working on it as a draft theme instead of making the changes to your live website
2. Open the master.twig file
3. Locate the section of code that starts with <head> and ends with </head>
4. Create a new line just above the </head> tag and paste the code below

   <link rel='stylesheet' href='https://hq-apps-sw.s3.eu-west-1.amazonaws.com/instagram-app/live/v2/main.css'>

5. Locate the bottom of the file, create a new line just above the </body> tag and paste the code below

   <script src='https://hq-apps-sw.s3.eu-west-1.amazonaws.com/instagram-app/live/v2/main.js'></script>

6. Open the theme file for the page that you want to add the widget too, e.g. home.twig for the home page or footer.twig if you want to add the widget to every page of your website
7. In the app page in ShopWired, locate the Theme installation section
8. For the step Adding your feeds to your theme files select the Instagram feed IGFEED_01, IGFEED_02 or IGFEED_03 9 Copy the code provided by the app to display the feed and paste it into the place in the theme file you want to display the widget on

You may receive an email that informs you that the connection between Instagram and ShopWired has been broken for some reason and you need to reconnect.

The connection between Instagram and ShopWired can become broken for a number of different reasons:

• The "access token" that retains the link between Instagram and ShopWired has a maximum lifetime of 60 days, whilst ShopWired attempts to automatically renew this access token prior to expiry this renewal process may fail from time to time
• Access tokens may also expire due to:
• Publishing identical posts to multiple accounts at the same time
• If Instagram detect multiple IP addresses logging into your account at the same/similar times
• If you frequently log in and out of different accounts from the same device

There are a range of other reasons why the access token may expire, some of which are described here.

If you find that you are frequently receiving an email from the Instagram app alerting you that the access token has expired please ensure that you are not performing the actions mentioned above and contact support for assistance.