LayoutHub
  • What is LayoutHub?
  • User guides
    • Support
    • Installation
    • Uninstallation
    • Upgrade/Downgrade
    • FAQs
      • How to remove instagram section from Layouthub
      • What is "Pages limit"?
      • When can I "Edit code"?
      • What about "Save section"?
      • What is " Auto save draft"?
      • What is "Integration Services"?
      • How to set the same font between Shopify and LayoutHub?
      • How to custom font and color on LayoutHub?
      • How to set "Page handle or human url"?
      • Connective Button
      • How to save page without publish it
      • How to change the meta SEO for LayoutHub's page
    • Common Issues
    • Layout Management
      • Create Layouts
      • Design Blocks
      • Export & Import
      • Edit Section Code
      • Edit a Layout
      • Assign a Layout
      • Duplicate a Layout
      • Delete a Layout
    • Section builder
    • LayoutHub pages/templates
      • Home Page
        • Create additional Home Page
        • Make an existing page as home page
        • Restore to default Home Page
        • Customize Shopify Home Page
      • Sub-page
        • Contact Form
      • Product Template
        • Product Detail
        • Related Product
      • Collection Template
      • Blog Templates
      • Article Templates
      • Insert section
    • Pricing Plans
    • Settings
      • General
      • Theme Settings
      • Quickview Settings
      • Swatch color settings
      • Third party Apps
        • Product Review
        • Product Wishlist
    • Trash
    • Sale Tools
    • Referrals
    • Integration
      • Add/Edit Profile
      • Add New Contact
      • Export Contact
      • Mailchimp
      • Hubspot
      • ActiveCampaign
      • GetResponse
      • SendGrid
      • Gmail SMTP
      • Google Sheets
      • Omnisend
      • Klaviyo
      • ConvertKit
    • Tracking & Analytics
    • Layouthub & Shopify
    • Translate Apps
    • Recommend apps
      • Avada SEO Optimization
      • Ali Reviews ‑ Product Reviews
      • Ryviu: Product Reviews App UGC
      • Quick View by Secomapp
      • LAI AliExpress Reviews
      • Judge.me Product Reviews
      • Growave - Loyalty, Wishlist, Reviews UGC
      • Opinew Product Reviews
    • Refund Policy
    • Instagram token
  • Development
    • Getting started
    • Tools
      • LayoutHub Kit (for LayoutHub developers only)
      • LayoutHub Kit Extension for Visual Studio Code
    • Layout Structure
    • Reference
      • Engine syntax
        • Deprecated: March 2020
        • Chuẩn template má»›i - LayoutHub Editor V4
      • Create a section
      • Components
      • Liquid in section
      • Javascript in section
      • Register vendors
      • Settings.js
        • Call-to-action
        • Text
        • Textarea
        • Text Editor
        • Dropdown
        • Checkbox list
        • Checkbox radio
        • Toggle
        • Number slider
        • Number
        • Single image
        • Image library
        • Color picker
        • Icon picker
        • Font picker
        • Background
        • Picker
        • Group fields
Powered by GitBook
On this page
  • Step 1: Register Application on Facebook for Developers
  • Step 2: Configure Instagram Basic Display
  • Step 3: Paste the Token into the Instagram section in LayoutHub

Was this helpful?

  1. User guides

Instagram token

PreviousRefund PolicyNextGetting started

Last updated 1 year ago

Was this helpful?

It can be a little difficult to obtain an Instagram Access Token, but we're here to help. To obtain your Access Token and begin displaying your Instagram feed on your store, simply follow these easy steps.

Step 1: Register Application on Facebook for Developers

  • You must first create an app on Facebook for Developers in order to receive your Access Token. Log into , go to the page, and select the Create App option to get started.

  • Here we need to choose Other and click Next.

  • We need to scroll down a bit and select None.

  • Here we need to enter our app name. I set it as LayoutHub. After that we hit Create App.

Step 2: Configure Instagram Basic Display

  • Now on the Dashboard, we're going to click on Set up on the app Instagram Basic Display.

  • We need to scroll down to the bottom and hit Create New App, after that we enter the App name to the field and hit Create app.

  • After this we need to scroll to the bottom again and Add our Instagram tester.

  • You should be able to see the Add Instagram Testers button, we need to click on that.

  • There should be a pop up showing up that we need to enter our Instagram username there and hit Submit.

  • Now we need to login into our Instagram account, navigate to More > Settings > Apps and Websites > Tester Invites tab > Click Accept to approve the invitation.

  • Then we'll go back to the Facebook Developers Dashboard and navigate to Basic Display. Scroll to the User Token Generator Section and click the Generate Token button.

Step 3: Paste the Token into the Instagram section in LayoutHub

  • Now all you need to do is paste the token into the Instagram section from the App.

Facebook
Facebook Developers Account