> [!INFO] > **Website**: [The S Group](https://www.sashas.org/) > **Author**: Alexander Lukyanov > **Published**: 2015-01-29 > **Summary**: Learn how to resolve issues and optimize your Adobe Commerce Instagram Widget setup with our step-by-step technical guide. # Adobe Commerce Instagram Widget ![Adobe Commerce Instagram Widget - Adobe Commerce Technical Guide Guide](https://www.sashas.org/images/blog/img-magento-instagram-widget.html-i.0.png) At the our time social networks become more and more popular.  Media content keeps increasing  internet value and there are a lot of promotions comes from the social networks. When it comes to Adobe Commerce there are a lot of different integrations to social networks from magento. What we are going to review today its Adobe Commerce Instagram Widget  . # Adobe Commerce Instagram Widget The magento instagram widget extension will allow you add sidebar of instagram  photos to your store. With magento instagram widget you can add sidebar to the categories pages, cms pages (as widget), homepage (if you have 2 or 3 columns layouts) or any other place which can have widget. You can select will be widget shown at the right or left sidebar. Also there is option to show instagram images at the product page as additional product tab, if you theme support tabs. ![Adobe Commerce Instagram Widget - Adobe Commerce Technical Guide Guide](https://www.sashas.org/images/blog/img-magento-instagram-widget.html-i.1.png) # Configuration of Instagram API ![Adobe Commerce Instagram Widget - Adobe Commerce Technical Guide Guide](https://www.sashas.org/images/blog/img-magento-instagram-widget.html-i.2.png)The installation of magento instagram widget extension start at the instagram developer panel. You will need to register your magento instagram application and get keys for it. At the [Developer Panel](https://instagram.com/developer/clients/manage/#) you click Register a New Client. For using magento instagram widget you need to create new client id. Instagram may ask you to verify your account with phone number and then for your website url. After new client will be created you will see there Client ID and Client Secret - this values we will need to use for magento instagram widget. # ![Adobe Commerce Instagram Widget - Adobe Commerce Technical Guide Guide](https://www.sashas.org/images/blog/img-magento-instagram-widget.html-i.3.png)Adobe Commerce Instagram Widget Usage Once you generated and entered keys for magento instagram widget at the admin panel you can start use it.  The  magento instagram widget have settings at the System->Configuration for Anchor/Not Anchor Category page, Homepage or CMS pages. Also it has settings for product page magento instagram widget sidebar.  You can select position of widget and image size. ![Adobe Commerce Instagram Widget - Adobe Commerce Technical Guide Guide](https://www.sashas.org/images/blog/img-magento-instagram-widget.html-i.4.png)Also you can use widget as additional product page tab. the settings for it can be set for each product in instagram attributes as it shown on the image below.  You can use different tag for different product. This way each product may have unique images which related to specific product. ![Adobe Commerce Instagram Widget - Adobe Commerce Technical Guide Guide](https://www.sashas.org/images/blog/img-magento-instagram-widget.html-i.5.png)Once product settings of magento instagram widget set you will see available images at the product page in additional tab. ![Adobe Commerce Instagram Widget - Adobe Commerce Technical Guide Guide](https://www.sashas.org/images/blog/img-magento-instagram-widget.html-i.6.png)This way you can see the latest photos in additional tab.  If you wish you can implement custom lighbox effects when customer click at the photo. The html of widget can be easily edited at the template/instagramwidget folder. If you don't see any images you may want to check log file of the extension. When magento logging enabled at the System->Configuration -> Developer -> Log settings .  The extension will log connection settings to instagram to the var/logs/instagram.log file. There you can check if connection was successful or there are any issues. The extension is open source and easy to modify and change if you need to add customization. # Adobe Commerce Instagram Widget Video Demo ID 5eQU40aHhYo ## Frequently Asked Questions ### What is the key takeaway of Adobe Commerce Instagram Widget? This article explains the best practices, optimizations, and technical details regarding Adobe Commerce Instagram Widget. ## Navigation & Categories - [Experience](https://www.sashas.org/customer-experience.html) - [Catalog Enhancements](https://www.sashas.org/customer-experience/catalog-enhancements.html) - [Cart & Checkout](https://www.sashas.org/customer-experience/cart-checkout.html) - [Customers](https://www.sashas.org/customer-experience/customers.html) - [Shipping](https://www.sashas.org/customer-experience/shipping.html) - [Payments](https://www.sashas.org/customer-experience/payments.html) - [Management](https://www.sashas.org/site-management.html) - [Sales & Fulfillment](https://www.sashas.org/site-management/sales-fulfillment.html) - [Catalog](https://www.sashas.org/site-management/catalog.html) - [Customer Support](https://www.sashas.org/site-management/customer-support.html) - [Marketing & Promotions](https://www.sashas.org/site-management/marketing-promotions.html) - [Content Management](https://www.sashas.org/site-management/content-management.html) - [Reporting & Analytics](https://www.sashas.org/site-management/reporting-analytics.html) - [Optimization](https://www.sashas.org/optimization.html) - [Performance](https://www.sashas.org/optimization/performance.html) - [Monitoring](https://www.sashas.org/optimization/monitoring.html) - [Troubleshooting & Debugging](https://www.sashas.org/optimization/troubleshooting-debugging.html) - [Blog](https://www.sashas.org/blog) - [About Us](https://www.sashas.org/about-us.html) - [Contact Us](https://www.sashas.org/contact.html) - [Privacy Policy](https://www.sashas.org/privacy-and-refund-policy.html) - [Refund Policy](https://www.sashas.org/refund-policy.html)