Instagram

Magento 2 Extension — User Guide & Documentation

Magento 2.3.x / 2.4.xBy MagepowAdmin + Frontend
Vendor
Magepow Extensions
Online docs
docs.magepow.com

1 · Installation

Two ways to install — via Composer or by uploading the app folder. Both end with the same Magento CLI steps.

Before you begin: install the extension on a staging/test server first, and take a full backup of your files and database — especially on a live store.

System requirements

  • Magento 2.3.x / 2.4.x installed and working
  • PHP, MySQL/MariaDB and web server meeting Magento 2 system requirements
  • SSH access to run Magento CLI commands

Method 1 — Install via Composer (recommended)

  1. Open a terminal in your Magento 2 root directory and require the package:
    composer require magepow/instagram
  2. Run the Magento setup upgrade:
    php bin/magento setup:upgrade
  3. Deploy static content (production mode):
    php bin/magento setup:static-content:deploy -f
  4. Flush the cache:
    php bin/magento cache:flush

Method 2 — Manual install (upload app folder)

  1. Download the extension package and unzip it. Upload the app folder to your Magento 2 root so it merges with the existing app directory.
  2. Run the following commands from the Magento 2 root:
    php bin/magento setup:upgrade
    php bin/magento setup:static-content:deploy -f
    php bin/magento cache:flush
  3. Log out of the Admin panel and log back in to refresh access permissions, then clear the cache under System > Cache Management.
Tip: while configuring the store, disable full-page and additional PHP caches (Varnish, Redis, OPcache/APCu) so changes appear immediately. Re-enable them when you are done.

2 · Configuration & Usage

All settings live in the Magento Admin panel. Screenshots below match the default Admin theme.

1 - How to configure the extension

General Configuration

To Enable/DisableMagepow Instagram Extension: Go to Admin Panel > Stores > Settings > Configuration > Magepow > Instagram. Then, select Yes to Enable module/No to Disable the module

enable disable

After enabling the module, we will config name, access token of the instagram and the number of images will show on pages

config

Setting slider

backend insta1

  • Slide: Turn true to enable the slider and false to disable the slide
  • Slide Vertical: Turn true to show the images under the vertical and false to disable the features
  • Infinite: Set the image slider scrolling in an infinity loop or not
  • Auto play: Set the slider auto scrolling to not
  • Arrows: Turn true to enable the arrows and false to disable
  • Center mode: The image slider will turn into one and stand in the center of the page. Turn True/ False to enable/disable the feature
  • Dots: The image carousel will turn into one slider. Turn True/ False to enable/disable the feature
  • Fade: The image slider will turn into faded when turn true
  • Rows: Set the number of rows for the slider
  • Speed/ auto play speed: Set the speed for the slider
  • Padding: Set padding for the images slider

Setting reponsive

backend insta2

You are free to set how many items/ row for each screen from screen size 360px to screen size 1920px.

2 - How to show your instagram on pages

After enabling the module, we will configure the instagram widget. Go to Admin Panel > Content > Widgets > Add Widget

storefrontcofigwidget

  • Theme: Select luma or blank theme
  • Widget title: Fill the title name for instagram widget
  • Store view: Select kind of store view which will show your instagram widget
  • Sort order : Dertimine the order of the widget

storefrontcofigwidgetlayout

  • Display on: Select page you want to display your instagram widget on
  • Container : Select the position of your widget

Results in frontend

On Home page

result

3 · Support

Found a bug or need customization? Contact us — we usually reply within 24–48 hours.

Need help?

Bug reports

If you find a bug, please report it via the ticket system with steps to reproduce, expected vs. actual behavior, and any relevant logs (var/log/system.log, var/log/exception.log).