Home / Tutorials / PrestaShop 1.7 Tutorials / How to Add Widget Instagram – Ap Pagebuilder Prestashop Module
how-to-add-widget-instagram-prestashop-tutorial

How to Add Widget Instagram – Ap Pagebuilder Prestashop Module

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading...

The Instagram Widget allows you to display your latest Instagram photos in your site’s sidebar. This blog will tutor you step by step to Add Widget Instagram in the Backend in Ap Pagebuilder Prestashop Module. You might first want to know what you need to prepare before executing.

  • Client ID
  • User ID
  • Access Token

1.how-to-add-widget-instagram

1.Client ID

The very first thing that is required is the Client ID – Your API Client ID from Instagram. To get this ID, please login with your Instagram account then access Link  Here 

Then follow the guide in the below pictures:

2.how-to-add-instagram-widget-Client-ID

3.how-to-add-widget-instagram-register-new-client-Id

4.how-to-add-widget-instagram-register-new-client-ID

Then click on Register to finish the registration 

5.how-to-add-widget-instagram-finish-register-new-client-ID

Get Client ID

6.add-widget-instagram-get-client-ID

  1. User ID

User ID – User ID of Instagram Account.

  

-Option 1: You open your Instagram then F12 on your browser

7.add-widget-instagram-user-id
-Option 2: You access Link

Then copy username of your account and find User ID 

8.find-instagram-user-id

3.Access Token

Please open Link

Access link to copy Client_id and REDIRECT_URI

https://www.instagram.com/developer/clients/manage/

9.add-widget-instagram-access-token

Replace  your Client_id and REDIRECT_URI on URL

10.add-widget-instagram-replace-client-id

Now you have Link after replacing Client_id and REDIRECT_URI on URL

11.add-widget-instagram-replace-client-id-redirect-url

Then run link, you will get the Access Token

12.Access-token-how-to-add-widget-instagram

Now you have Client ID, User ID, and Access Token. Just add 3 information in the Instagram widget

13.add-wiget-image

I believe that this detailed tutorial will be helpful for you to add Instagram Widget into your site. However, If you have any trouble, feel free to contact our dedicated support team at leotheme@gmail.com. We will be available within 24 hours.

Related Post:

About Luu Ly

Check Also

manage ap product list builder prestashop 1.7

Ap Page Builder: Manage Ap Product List Builder PrestaShop 1.7- Leotheme

To be continuing of the series of tutorial Ap Page Builder, in this blog we …

Leave a Reply

Your email address will not be published. Required fields are marked *