Megamog
Try Megamog freeResourcesOther solutions
  • What is Megamog theme?
  • Changelog
  • Refund policy
  • Support policy
  • Terms of Service
  • Getting started
    • Install Megamog theme
      • Install Megamog in 1-click fast way
      • Install Megamog manually
    • Add Custom code/ CSS correctly
    • Integrate Shopify Review apps
    • Mega menu
    • Purchase code & activation
    • Update Megamog theme
    • FoxHome
  • Build for success series
    • Product page for Beauty store like Kylie Jenner 🔥
    • Landing page for Fashion store like Bremont
  • Page's global sections
    • Announcement bar
    • Age verifier pop-up
    • Header
    • Footer
    • Mobile sticky bar
  • Theme sections
    • Before/ After image slider
    • Blog posts
    • Brand list
    • Collapsible content
    • Collection spotlight
    • Collection list
    • Collection links
    • Countdown timer
    • Custom content
    • Favorite product slider
    • Featured collection
    • Featured product
    • Featured promotion
    • Featured products slider
    • Google Maps
    • Image banner
    • Image with text
    • Instagram
    • Lookbook
    • Newsletter
    • Press
    • Product tabs
    • Recently viewed products
    • Scrolling promotion
    • Slideshow
    • Testimonials
    • Video
    • Video hero
    • Banner grid
    • Multiple columns
    • Store locator
  • Theme settings
    • General settings
    • Layout settings
    • Additional pages
    • Advanced
    • Animation
    • Article card
    • Badges
    • Cart settings
    • Checkout
    • Colors & Color schemes
    • Corner radius
    • Currency format
    • GDPR settings
    • Intergrated apps
    • Integration
    • Pop-up & drawer
    • Product card
    • Product options design
    • Product options swatches
    • Social sharing
    • Search settings
    • Store contact
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommedations
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product listing
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart & Checkout
    • Password
  • FAQS
    • Add a gift wrap option to my cart
    • Add custom badges to my product card
    • Add recipient fields to my gift card product
    • Add/ Remove Social icons in footer
    • Change the default product order in collection
    • Customize search results
    • Move the collection description to under the product listing
    • Remove the tax-included information in product page
    • Set up local pickup
    • Show Payment icons on the Footer
  • TROUBLESHOOTING
    • Contact form submissions not found
    • Translation apps incompatibility
Powered by GitBook
On this page
  • Generate your Instagram token
  • Section settings
  • Section header
  • Posts settings
  • Follow button settings
  1. Theme sections

Instagram

Display some of your instagram latest posts

PreviousImage with textNextLookbook

Last updated 3 months ago

Instagram is one of the most influential social platforms that can attract potential customers. Using it in your store can be a tactic move.

Steps

  1. In the theme editor (Customize), click Add section

  2. Locate Instagram

  3. Save

To display your Instagram posts, make sure you get your IG Token and add it to Theme settings > Integration.

Generate your Instagram token

To get an Instagram Access Token, you will need:

  • A Facebook account

  • An Instagram account

Follow our video to get an Instagram Access Token for your Shopify store:

Steps:

  1. Register new app.

  2. Configure Instagram Basic Display.

  3. Get Access Token.

By default, access tokens are valid for 60 days. Therefore, kindly refresh your Instagram token regularly.

The section works with tokens created using Personal accounts.

Section settings

Section header

  • Show header divider or not;

  • Add a Heading to your section and select its size;

  • Add a Subheading and Description to the section if needed;

  • Select the Description style as Body text/Sub text;

  • Select the Text alignment for the whole content as Left/Center.

Posts settings

Select your preferred layout to show your Instagram posts as Grid/Metro.

Use the slider to adjust the number of shown images, images per row, and the gap between images on desktop and mobile separately.

Follow button settings

Build a connection between your site and your Instagram page. Add your Instagram link and add a call-to-action button label.

Register application on .

Facebook for Developers
You can watch this video for reference
An Instagram section with header divider enabled