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

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

However, when you access to create a new Client ID and you see the button Registration Disabled instead of button Register a New Client, please contact Instagram to enable Register new Client for you.

 

Instagram Registration Disabled
Instagram Registration Disabled

 

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

There are two ways for you to access Token

No 1: 

Access your Instagram then access Link  

then follow the guide as screenshots below

 

access token instagram
access token Instagram
coppy access token Instagram
coppy access token Instagram

 

No 2: 

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

Leotheme Black Friday 2022

Prestashop Theme and Module Black Friday and Cyber Monday Sales Leotheme 2022 30% Off

Prestashop Leotheme Black Friday 2022 Promotion! Dear valued customers, Black Friday and Cyber Monday Sales …

3 comments

  1. Hello good afternoon I am trying to configure it in my prestashop, but instagram has changed the policy of APIS and I can not enter the data indicated in the tutorial, is there any solution to make it work? Thank you

Leave a Reply