{"id":555155,"date":"2026-09-14T13:09:05","date_gmt":"2026-09-14T13:09:05","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=555155"},"modified":"2026-09-14T13:12:47","modified_gmt":"2026-09-14T13:12:47","slug":"instagram-shoppable-feed-documentation","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/","title":{"rendered":"User Guide for CS-Cart Instagram Shoppable Feed"},"content":{"rendered":"\n<p><strong><a href=\"https:\/\/store.webkul.com\/cs-cart-instagram-shoppable-feed.html\" target=\"_blank\" rel=\"noreferrer noopener\">CS-Cart Instagram Shoppable Feed<\/a><\/strong>\u00a0allows store owners to connect Instagram Business accounts with their CS-Cart store and display Instagram images and videos directly on the storefront.<\/p>\n\n\n\n<p>The add-on allows administrators to import Instagram media, manage and moderate posts, tag products on images and videos, and create shoppable Instagram feeds.<\/p>\n\n\n\n<p>Moreover, customers can interact with Instagram content displayed on the storefront and purchase tagged products directly through the shoppable popup.<\/p>\n\n\n\n<p>The add-on also supports automatic product tagging, carousel posts, local media mirroring, multiple Instagram accounts, Multi-Vendor support, and Instagram feed analytics.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Features of CS-Cart Instagram Shoppable Feed<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Import images and videos from Instagram Business accounts.<\/li>\n\n\n\n<li>Display Instagram media on different storefront locations.<\/li>\n\n\n\n<li>Create shoppable Instagram feeds.<\/li>\n\n\n\n<li>Tag products directly on Instagram images and videos.<\/li>\n\n\n\n<li>Add multiple products to a single Instagram post.<\/li>\n\n\n\n<li>Add product hotspots using precise coordinates.<\/li>\n\n\n\n<li>Add different product tags to individual carousel slides.<\/li>\n\n\n\n<li>Automatically match products using hashtags and product SKUs.<\/li>\n\n\n\n<li>Moderate imported Instagram media before displaying them on the storefront.<\/li>\n\n\n\n<li>Approve, reject, hide, show, and pin Instagram posts.<\/li>\n\n\n\n<li>Perform bulk actions on Instagram media.<\/li>\n\n\n\n<li>Mirror Instagram images and videos to local server storage.<\/li>\n\n\n\n<li>Use a responsive HTML5 video player for locally mirrored videos.<\/li>\n\n\n\n<li>Create custom Instagram feeds with different layouts.<\/li>\n\n\n\n<li>Support multiple Instagram accounts and storefronts.<\/li>\n\n\n\n<li>Support CS-Cart Multi-Vendor.<\/li>\n\n\n\n<li>Automate Instagram synchronization and token renewal.<\/li>\n\n\n\n<li>Automate media mirroring and product tagging.<\/li>\n\n\n\n<li>Collect Instagram feed impressions, clicks, conversions, and attributed revenue.<\/li>\n\n\n\n<li>Allow customers to view tagged products and add them to the cart directly from Instagram content.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How CS-Cart Instagram Shoppable Feed Works<\/h2>\n\n\n\n<p>CS-Cart Instagram Shoppable Feed connects Instagram content with the existing CS-Cart product catalog.<\/p>\n\n\n\n<p>The basic workflow is:<\/p>\n\n\n\n<p><strong>Instagram Business Account \u2192 Import Instagram Media \u2192 Moderate Media \u2192 Tag Products \u2192 Create Feed \u2192 Display on Storefront \u2192 Customer Shops from Media<\/strong><\/p>\n\n\n\n<p>Once the Instagram Business account is connected, the add-on imports the available Instagram media into the CS-Cart backend.<\/p>\n\n\n\n<p>Administrators can review the imported content, tag products, configure automatic tagging rules, and create custom Instagram feeds.<\/p>\n\n\n\n<p>The configured feed can then be placed on the storefront using the CS-Cart Block Manager.<\/p>\n\n\n\n<p>When a customer clicks an Instagram post, the add-on opens a shoppable popup where the customer can view the post and its tagged products.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How To Upload And Install CS-Cart Instagram Shoppable Feed<\/h2>\n\n\n\n<p>Go to Manage Add-ons, and click on the&nbsp;<strong>Settings icon &gt; Manual Installation<\/strong>&nbsp;as shown below in the snapshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp\" alt=\"mannual installation\" class=\"wp-image-514392\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on&nbsp;<strong>\u201cLocal\u201d<\/strong>&nbsp;to browse the zip file and then click on&nbsp;<strong>\u201cUpload &amp; Install\u201d<\/strong>&nbsp;as shown below in snapshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/popup.webp\" alt=\"Select Zip file\" class=\"wp-image-504671\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/popup.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/popup-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/popup-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/popup-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Add-on installed successfully!<\/p>\n\n\n\n<p>Once the addon is installed successfully, we need to configure the settings of the addon.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Configure Instagram Shoppable Feed in CS-Cart<\/h1>\n\n\n\n<p>Go to:<\/p>\n\n\n\n<p><strong>CS-Cart Admin Panel \u2192 Add-ons \u2192 Manage Add-ons \u2192 Instagram Shoppable Feed \u2192 Settings<\/strong><\/p>\n\n\n\n<p>The add-on settings contain the following sections:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>General<\/strong><\/li>\n\n\n\n<li><strong>Synchronization<\/strong><\/li>\n\n\n\n<li><strong>Automatic Product Tagging<\/strong><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">General Settings<\/h2>\n\n\n\n<p>The General section is used to enable the Instagram feed and configure the Instagram application credentials.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta01.webp\" alt=\"General Settings\" class=\"wp-image-555172\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta01.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta01-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta01-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta01-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Field<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>Enable Instagram Feed<\/td><td>Enables or disables the Instagram Shoppable Feed functionality.<\/td><\/tr><tr><td>Instagram App ID<\/td><td>Enter the App ID of the Facebook\/Instagram Developer application used to connect the Instagram Business account.<\/td><\/tr><tr><td>Instagram App Secret<\/td><td>Enter the App Secret of the Facebook\/Instagram Developer application used for Instagram authentication.<\/td><\/tr><tr><td>Redirect URI<\/td><td>Displays the callback URL that needs to be configured in the Facebook\/Instagram Developer application for OAuth authentication.<\/td><\/tr><tr><td>Debug Logging<\/td><td>Enables detailed logs for troubleshooting Instagram integration and synchronization issues.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Synchronization Settings<\/h2>\n\n\n\n<p>The Synchronization section controls how Instagram media and background processes are handled.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta02.webp\" alt=\"Synchronization Settings\" class=\"wp-image-555173\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta02.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta02-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta02-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta02-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Field<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>Cron URL<\/td><td>Displays the URL used to run the add-on&#8217;s background automation through a server-side cron job.<\/td><\/tr><tr><td>Sync Frequency<\/td><td>Defines how frequently Instagram media synchronization is performed.<\/td><\/tr><tr><td>Posts per Account per Sync<\/td><td>Defines the maximum number of Instagram posts processed for each connected account during one synchronization.<\/td><\/tr><tr><td>Mirror Media to Local Storage<\/td><td>Downloads Instagram images and videos to the store server for local delivery.<\/td><\/tr><tr><td>Retention (Days)<\/td><td>Defines how long mirrored media is retained; 0 keeps the data indefinitely.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Automatic Product Tagging<\/h2>\n\n\n\n<p>The Automatic Product Tagging section allows the add-on to identify CS-Cart products from Instagram captions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta03.webp\" alt=\"Automatic Product Tagging\" class=\"wp-image-555174\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta03.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta03-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta03-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta03-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The available settings are:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Field<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>Enable Automatic Product Tagging<\/td><td>Enables automatic product identification from Instagram captions.<\/td><\/tr><tr><td>Match SKU in Caption<\/td><td>Searches Instagram captions for exact CS-Cart product SKUs and creates matching product suggestions.<\/td><\/tr><tr><td>Auto-Publish Suggestions (Skip Review)<\/td><td>Automatically publishes generated product tagging suggestions without manual approval.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>When enabled, automatically generated product tagging suggestions are published without requiring administrator review.<\/p>\n\n\n\n<p>If disabled, administrators can review the generated suggestions before publishing them.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Instagram Feed in Admin Panel<\/h1>\n\n\n\n<p>After configuring the add-on settings, administrators can manage Instagram content from:<\/p>\n\n\n\n<p><strong>CS-Cart Admin Panel \u2192 Website \u2192 Instagram Feed<\/strong><\/p>\n\n\n\n<p>The&nbsp;<strong>Instagram Feed<\/strong>&nbsp;section contains the following sections:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Instagram Accounts<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Vendor<\/strong>&nbsp;\u2013 Displays the administrator or vendor associated with the connected Instagram account.<\/li>\n\n\n\n<li><strong>Username<\/strong>&nbsp;\u2013 Displays the username of the connected Instagram Business account.<\/li>\n\n\n\n<li><strong>Last Sync<\/strong>&nbsp;\u2013 Shows the date and time when the Instagram account was last synchronized.<\/li>\n\n\n\n<li><strong>Token Expires<\/strong>&nbsp;\u2013 Displays the expiration date of the Instagram access token.<\/li>\n\n\n\n<li><strong>Last Error<\/strong>&nbsp;\u2013 Displays the latest synchronization or authentication error, if any.<\/li>\n\n\n\n<li><strong>Status<\/strong>&nbsp;\u2013 Displays the current connection status of the Instagram account, such as Active, Expired, or Error.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta04.webp\" alt=\"Instagram Accounts\" class=\"wp-image-555179\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta04.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta04-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta04-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta04-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Instagram Feeds<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Code<\/strong>&nbsp;\u2013 Displays the unique code used to identify the Instagram feed.<\/li>\n\n\n\n<li><strong>Title<\/strong>&nbsp;\u2013 Displays the name or title of the Instagram feed.<\/li>\n\n\n\n<li><strong>Source Type<\/strong>&nbsp;\u2013 Specifies the source of Instagram content, such as an Instagram account.<\/li>\n\n\n\n<li><strong>Sort Order<\/strong>&nbsp;\u2013 Defines the display priority or order of the feed.<\/li>\n\n\n\n<li><strong>Status<\/strong>&nbsp;\u2013 Displays the current status of the Instagram feed, such as Active or Disabled.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta05.webp\" alt=\"Instagram Feeds\" class=\"wp-image-555180\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta05.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta05-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta05-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta05-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Media Library<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Thumbnail<\/strong>&nbsp;\u2013 Displays a preview of the Instagram image or video.<\/li>\n\n\n\n<li><strong>Caption<\/strong>&nbsp;\u2013 Displays the caption associated with the Instagram media.<\/li>\n\n\n\n<li><strong>Media Type<\/strong>&nbsp;\u2013 Specifies the type of content, such as image or video.<\/li>\n\n\n\n<li><strong>Origin<\/strong>&nbsp;\u2013 Indicates the source of the media, such as Instagram or own\/uploaded media.<\/li>\n\n\n\n<li><strong>Status<\/strong>&nbsp;\u2013 Displays the moderation status of the media, such as Pending, Approved, Rejected, or Hidden.<\/li>\n\n\n\n<li><strong>Pinned<\/strong>&nbsp;\u2013 Indicates whether the media is pinned to appear at the top of the feed.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta06.webp\" alt=\"Media Library\" class=\"wp-image-555181\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta06.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta06-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta06-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta06-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Recipes<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Recipe<\/strong>&nbsp;\u2013 Displays the name of the pre-configured feed template.<\/li>\n\n\n\n<li><strong>Description<\/strong>&nbsp;\u2013 Provides a brief description of the feed layout and intended use.<\/li>\n\n\n\n<li><strong>Source Type<\/strong>&nbsp;\u2013 Specifies the source of content, such as account, product context, tagged posts, or manually selected posts.<\/li>\n\n\n\n<li><strong>Layout<\/strong>&nbsp;\u2013 Displays the feed presentation style, such as grid or slider.<\/li>\n\n\n\n<li><strong>Use This Recipe<\/strong>&nbsp;\u2013 Opens the recipe editor with the predefined settings so administrators can customize, save, and create the feed.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta07.webp\" alt=\"Recipes\" class=\"wp-image-555182\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta07.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta07-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta07-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta07-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Instagram Analytics<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Impressions<\/strong>&nbsp;\u2013 Displays the total number of times Instagram feed content was viewed.<\/li>\n\n\n\n<li><strong>Clicks<\/strong>&nbsp;\u2013 Displays the total number of clicks on Instagram feed content.<\/li>\n\n\n\n<li><strong>Popup Opens<\/strong>&nbsp;\u2013 Displays the number of times customers opened the shoppable Instagram popup.<\/li>\n\n\n\n<li><strong>Product Clicks<\/strong>&nbsp;\u2013 Displays the number of clicks on tagged products within the shoppable popup.<\/li>\n\n\n\n<li><strong>Add-to-Carts<\/strong>&nbsp;\u2013 Displays the number of tagged products added to the cart.<\/li>\n\n\n\n<li><strong>Orders<\/strong>&nbsp;\u2013 Displays the number of orders attributed to Instagram feed interactions.<\/li>\n\n\n\n<li><strong>Revenue<\/strong>&nbsp;\u2013 Displays the total revenue attributed to purchases generated through Instagram content.<\/li>\n\n\n\n<li><strong>CTR<\/strong>&nbsp;\u2013 Displays the click-through rate based on Instagram feed impressions and clicks.<\/li>\n\n\n\n<li><strong>Conv. Rate<\/strong>&nbsp;\u2013 Displays the conversion rate generated from Instagram feed interactions.<\/li>\n\n\n\n<li><strong>By Feed<\/strong>&nbsp;\u2013 Displays analytics data grouped by individual Instagram feeds, with an option to export the data as a CSV file.<\/li>\n\n\n\n<li><strong>By Post<\/strong>&nbsp;\u2013 Displays analytics data grouped by individual Instagram posts, with an option to export the data as a CSV file.<\/li>\n\n\n\n<li><strong>By Product<\/strong>&nbsp;\u2013 Displays analytics data grouped by tagged products, with an option to export the data as a CSV file.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta09.webp\" alt=\"Instagram Analytics\" class=\"wp-image-555183\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta09.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta09-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta09-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta09-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>These sections provide a centralized administration area for managing connected Instagram accounts, imported media, product tagging, storefront feeds, automatic tagging rules, and analytics.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Get Instagram API Credentials?<\/h2>\n\n\n\n<p>The admin needs to create a <strong>Meta Developer account\/application<\/strong> to connect the Instagram Business account with the <strong>CS-Cart Instagram Shoppable Feed<\/strong> add-on.<\/p>\n\n\n\n<p>First, log in to your Meta account and open the <strong>Meta for Developers<\/strong> platform.<\/p>\n\n\n\n<p><a href=\"https:\/\/developers.facebook.com\/?utm_source=chatgpt.com\">Meta for Developers<\/a><\/p>\n\n\n\n<p>Click on <strong>My Apps<\/strong> and then click on the <strong>Create App<\/strong> option, as shown in the snapshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta2.webp\" alt=\"Create App\" class=\"wp-image-555227\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta2.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta2-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta2-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta2-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, select the appropriate option for creating the application and click on the <strong>Next<\/strong> button to proceed.<\/p>\n\n\n\n<p>The <strong>Create an App<\/strong> page will open. It contains different sections such as <strong>App Details, Use Cases, Business, Requirements,<\/strong> and <strong>Overview<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Enter App Details<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1048\" height=\"659\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta4.webp\" alt=\"Enter App Details\" class=\"wp-image-555270\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta4.webp 1048w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta4-300x189.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta4-250x157.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta4-768x483.webp 768w\" sizes=\"(max-width: 1048px) 100vw, 1048px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Under the <strong>App details<\/strong> section, enter the required information.<\/p>\n\n\n\n<p>Enter the <strong>App Name<\/strong> that you want to use for the Meta application.<\/p>\n\n\n\n<p>The app name is displayed on the <strong>My Apps<\/strong> page and is associated with the generated App ID. Meta also allows you to change the app name later from the application settings.<\/p>\n\n\n\n<p>Next, enter the <strong>App Contact Email<\/strong>.<\/p>\n\n\n\n<p>Meta uses this email address to contact the administrator regarding the application, including policy notifications, app restrictions, or account recovery.<\/p>\n\n\n\n<p>After entering the required details, proceed to the next step.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add Use Cases<\/h3>\n\n\n\n<p>The <strong>Add use cases<\/strong> section allows you to select the functionality that you want to use with your Meta application.<\/p>\n\n\n\n<p>The available use cases can be filtered using options such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Featured<\/strong><\/li>\n\n\n\n<li><strong>All<\/strong><\/li>\n\n\n\n<li><strong>Ads and monetization<\/strong><\/li>\n\n\n\n<li><strong>Content management<\/strong><\/li>\n\n\n\n<li><strong>Business messaging<\/strong><\/li>\n\n\n\n<li><strong>Others<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Select the use cases required for your application and click on the <strong>Next<\/strong> button to proceed.<\/p>\n\n\n\n<p>Meta may display a message if certain use cases cannot be combined within the same application.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1048\" height=\"659\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta5.webp\" alt=\"Add Use Cases\" class=\"wp-image-555271\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta5.webp 1048w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta5-300x189.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta5-250x157.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta5-768x483.webp 768w\" sizes=\"(max-width: 1048px) 100vw, 1048px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Connect a Business Portfolio<\/h3>\n\n\n\n<p>Next, Meta asks you to select the <strong>business portfolio<\/strong> that you want to connect to the application.<\/p>\n\n\n\n<p>Select the required business portfolio from the available options.<\/p>\n\n\n\n<p>Meta allows you to connect a verified business portfolio to access third-party user and business data and publish the application.<\/p>\n\n\n\n<p>You can also connect an unverified business portfolio or choose to add one later. However, business verification may be required to access certain data or publish the application.<\/p>\n\n\n\n<p>If you want to connect a new business portfolio, you can use the <strong>Create a business portfolio<\/strong> option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1048\" height=\"659\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta6.webp\" alt=\"Connect a Business Portfolio\" class=\"wp-image-555272\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta6.webp 1048w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta6-300x189.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta6-250x157.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta6-768x483.webp 768w\" sizes=\"(max-width: 1048px) 100vw, 1048px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Review Publishing Requirements<\/h3>\n\n\n\n<p>The <strong>Requirements<\/strong> section displays the requirements that need to be completed to obtain and maintain access to user and business data.<\/p>\n\n\n\n<p>Review the requirements displayed for the selected use cases.<\/p>\n\n\n\n<p>In some cases, Meta may show that there are no requirements at this stage. Additional requirements may appear later if you add more products, permissions, or use cases to the application.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1048\" height=\"659\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta7.webp\" alt=\"Review Publishing Requirements\" class=\"wp-image-555273\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta7.webp 1048w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta7-300x189.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta7-250x157.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta7-768x483.webp 768w\" sizes=\"(max-width: 1048px) 100vw, 1048px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Review App Information<\/h3>\n\n\n\n<p>Before creating the application, Meta displays an <strong>Overview<\/strong> section containing the information entered during the app creation process.<\/p>\n\n\n\n<p>Review the following details:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>App Name<\/strong> \u2014 Displays the name of the Meta application.<\/li>\n\n\n\n<li><strong>App Email<\/strong> \u2014 Displays the contact email associated with the application.<\/li>\n\n\n\n<li><strong>Use Cases<\/strong> \u2014 Displays the selected use cases.<\/li>\n\n\n\n<li><strong>Business<\/strong> \u2014 Displays the connected business portfolio.<\/li>\n\n\n\n<li><strong>Requirements<\/strong> \u2014 Displays the applicable publishing requirements.<\/li>\n<\/ul>\n\n\n\n<p>Review all the information carefully before proceeding.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1048\" height=\"659\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta8.webp\" alt=\"Review App Information\" class=\"wp-image-555276\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta8.webp 1048w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta8-300x189.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta8-250x157.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta8-768x483.webp 768w\" sizes=\"(max-width: 1048px) 100vw, 1048px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Configure Instagram API<\/h3>\n\n\n\n<p>After creating the Meta application, open the application dashboard and add\/configure the required <strong>Instagram<\/strong> product or API functionality.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Select Instagram API<\/h3>\n\n\n\n<p>After creating the Meta application, open the newly created app and go to the <strong>Use Cases<\/strong> section.<\/p>\n\n\n\n<p>Here, locate <strong>Instagram API<\/strong> and click on the <strong>Customize<\/strong> button to configure the Instagram API for the application.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"609\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta9-1200x609.webp\" alt=\"Select Instagram API\" class=\"wp-image-555278\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta9-1200x609.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta9-300x152.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta9-250x127.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta9-768x390.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta9.webp 1295w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The admin can now proceed with the Instagram API configuration required to connect the Instagram Business account with the <strong>CS-Cart Instagram Shoppable Feed<\/strong> add-on.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Get Instagram App ID and App Secret<\/h3>\n\n\n\n<p>After clicking <strong>Customize<\/strong> for the Instagram API, the <strong>Instagram API<\/strong> configuration page will open.<\/p>\n\n\n\n<p>Here, copy the <strong>Instagram App ID<\/strong> and <strong>Instagram App Secret<\/strong> displayed on the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"609\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta10-1200x609.webp\" alt=\"Get Instagram App ID and App Secret\" class=\"wp-image-555279\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta10-1200x609.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta10-300x152.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta10-250x127.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta10-768x390.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta10.webp 1295w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>These credentials will be required to configure the <strong>CS-Cart Instagram Shoppable Feed<\/strong> add-on.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Configure Redirect URL<\/strong><\/h3>\n\n\n\n<p>Now, the admin needs to configure the <strong>Redirect URL<\/strong> for the Instagram API authentication.<\/p>\n\n\n\n<p>Go to:<\/p>\n\n\n\n<p><strong>CS-Cart Admin Panel \u2192 Add-ons \u2192 Manage Add-ons \u2192 Instagram Shoppable Feed \u2192 Settings<\/strong><\/p>\n\n\n\n<p>In the <strong>General<\/strong> section, the add-on displays the <strong>Redirect URI<\/strong>.<\/p>\n\n\n\n<p>Copy this <strong>Redirect URI<\/strong>, as it needs to be added to the Meta Developer application for Instagram authentication.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta01-1.webp\" alt=\"Configure Redirect URL\" class=\"wp-image-555281\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta01-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta01-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta01-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/insta01-1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Next, return to the <strong>Instagram API<\/strong> configuration in the Meta Developer Dashboard and add the copied URL to the required <strong>Redirect URL<\/strong> field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"609\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta12-1200x609.webp\" alt=\"Redirect URI.\" class=\"wp-image-555282\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta12-1200x609.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta12-300x152.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta12-250x127.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta12-768x390.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta12-1536x779.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/meta12.webp 1599w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Make sure that the Redirect URL added in Meta exactly matches the Redirect URI provided by the CS-Cart Instagram Shoppable Feed add-on.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Instagram Feed Blocks for Vendor, Search, Homepage, and Category Pages<\/h2>\n\n\n\n<p>The CS-Cart Instagram Shoppable Feed allows administrators to display Instagram images and videos at different locations across the storefront, including the&nbsp;<strong>Homepage, Vendor pages, Category pages, Product pages, and Search pages<\/strong>.<\/p>\n\n\n\n<p>Administrators can create separate Instagram feed blocks for each page type from the&nbsp;<strong>CS-Cart Admin Panel \u2192 Design \u2192 Layouts<\/strong>&nbsp;and configure the position and appearance of each block according to the storefront requirements.<\/p>\n\n\n\n<p>Click on&nbsp;<strong>\u201dCreate New Block\u201d<\/strong>&nbsp;on the existing page to create a new block.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"591\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/04\/createnewblock-1200x591.webp\" alt=\"New block\" class=\"wp-image-496629\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/04\/createnewblock-1200x591.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/04\/createnewblock-300x148.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/04\/createnewblock-250x123.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/04\/createnewblock-768x378.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/04\/createnewblock.webp 1282w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>From the Layouts section, administrators can select the required storefront page and add an&nbsp;<strong>Instagram Feed block<\/strong>&nbsp;to the desired container.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/layout-1.webp\" alt=\"Instagram Feed block\" class=\"wp-image-555567\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/layout-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/layout-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/layout-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/layout-1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The block can then be configured with the required Instagram feed, layout, sorting, and other available options.<\/p>\n\n\n\n<p>Separate blocks can be created for different storefront pages, giving administrators complete control over where Instagram content appears.<\/p>\n\n\n\n<p>CS-Cart Instagram Shoppable Feed add-on allows administrators to display relevant Instagram images and videos on\u00a0<strong>Vendor, Product, Category, and Search pages<\/strong>\u00a0using separate storefront blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/instafeed.webp\" alt=\"Instagram Feed on Vendor, Product, Category, and Search Pages\" class=\"wp-image-555341\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/instafeed.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/instafeed-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/instafeed-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/instafeed-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Administrators can create individual Instagram feed blocks for these page types through the\u00a0<\/h2>\n\n\n\n<p><strong>CS-Cart Block Manager<\/strong><\/p>\n\n\n\n<p>The add-on then displays Instagram content based on the products, categories, or vendors associated with the feed.<\/p>\n\n\n\n<p>For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Product Page:<\/strong>&nbsp;If an Instagram image or video is tagged with a particular product, the related Instagram media can be displayed when customers visit that product&#8217;s page.<\/li>\n\n\n\n<li><strong>Category Page:<\/strong>&nbsp;When customers open a category, Instagram images and videos related to products in that category can be displayed automatically.<\/li>\n\n\n\n<li><strong>Vendor Page:<\/strong>&nbsp;On a vendor page, the feed can display Instagram content associated with products belonging to that vendor.<\/li>\n\n\n\n<li><strong>Search Page:<\/strong>&nbsp;When customers search for a product, the relevant Instagram images or videos associated with the matching product can also appear on the search page.<\/li>\n<\/ul>\n\n\n\n<p>This allows the Instagram feed to remain&nbsp;<strong>contextually relevant to the customer&#8217;s current shopping page<\/strong>. For example, if a product has an associated Instagram video, customers searching for or viewing that product can see the same relevant video or image. <\/p>\n\n\n\n<p>Similarly, category and vendor pages can display Instagram content related to the products available in that context.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Instagram Feed on the Homepage<\/h3>\n\n\n\n<p>The CS-Cart Instagram Shoppable Feed can also be displayed directly on the&nbsp;<strong>storefront homepage<\/strong>&nbsp;using a dedicated block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/instafeed01.webp\" alt=\"Instagram Feed on the Homepage\" class=\"wp-image-555342\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/instafeed01.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/instafeed01-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/instafeed01-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/09\/instafeed01-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Administrators can create an Instagram feed block through the&nbsp;<strong>CS-Cart Block Manager<\/strong>&nbsp;and place it at the desired location on the homepage. <\/p>\n\n\n\n<p>The block can display Instagram images and videos from the connected Instagram Business account, allowing customers to discover products through engaging social media content while browsing the store.<\/p>\n\n\n\n<p>When customers click an Instagram post, a shoppable popup opens where they can view the tagged products associated with that post. <\/p>\n\n\n\n<p>Customers can explore the products and add them to their cart directly from the Instagram content.<\/p>\n\n\n\n<p>Separate blocks can be created for each page type, allowing administrators to control the placement and configuration of Instagram content independently across the storefront.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Conclusion<\/h1>\n\n\n\n<p>The&nbsp;<strong>CS-Cart Instagram Shoppable Feed<\/strong>&nbsp;add-on brings Instagram content directly into the CS-Cart storefront and turns social media posts into interactive shopping experiences.<\/p>\n\n\n\n<p>Store owners can connect Instagram Business accounts, import and moderate media, tag products, configure recipes and hashtag rules, create custom feeds, and allow customers to purchase products directly from Instagram content.<\/p>\n\n\n\n<p>With automatic product tagging, carousel support, local media mirroring, analytics, background automation, multiple Instagram accounts, and Multi-Vendor support, the add-on provides a complete solution for integrating Instagram shopping experiences into CS-Cart.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"support\">Support<\/h3>\n\n\n\n<p>Thank you for reading.<\/p>\n\n\n\n<p>That\u2019s all for the&nbsp;<strong>CS-Cart Instagram Shoppable Feed<\/strong>, Still, Have any issues, feel free to write here&nbsp;<a href=\"http:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Http:\/\/Webkul.Uvdesk.Com<\/a>&nbsp;and let us know your views to make the module better.<\/p>\n\n\n\n<p>Besides this you can explore our&nbsp;<a href=\"https:\/\/webkul.com\/cs-cart-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">cs-cart Development Services<\/a>&nbsp;and Quality&nbsp;<a href=\"https:\/\/store.webkul.com\/CS-Cart.html\" target=\"_blank\" rel=\"noreferrer noopener\">cs-cart add-ons.<\/a><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CS-Cart Instagram Shoppable Feed\u00a0allows store owners to connect Instagram Business accounts with their CS-Cart store and display Instagram images and videos directly on the storefront. The add-on allows administrators to import Instagram media, manage and moderate posts, tag products on images and videos, and create shoppable Instagram feeds. Moreover, customers can interact with Instagram content <a href=\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":704,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1496],"tags":[],"class_list":["post-555155","post","type-post","status-publish","format-standard","hentry","category-cs-cart"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CS-Cart Instagram Shoppable Feed: Setup &amp; User Guide<\/title>\n<meta name=\"description\" content=\"Connect your Instagram Business account to CS-Cart, tag products, and create engaging shoppable Instagram feeds.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CS-Cart Instagram Shoppable Feed: Setup &amp; User Guide\" \/>\n<meta property=\"og:description\" content=\"Connect your Instagram Business account to CS-Cart, tag products, and create engaging shoppable Instagram feeds.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-14T13:09:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-14T13:12:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp\" \/>\n<meta name=\"author\" content=\"Saurabh Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Saurabh Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/\"},\"author\":{\"name\":\"Saurabh Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3\"},\"headline\":\"User Guide for CS-Cart Instagram Shoppable Feed\",\"datePublished\":\"2026-09-14T13:09:05+00:00\",\"dateModified\":\"2026-09-14T13:12:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/\"},\"wordCount\":2684,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp\",\"articleSection\":[\"Cs Cart\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/\",\"url\":\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/\",\"name\":\"CS-Cart Instagram Shoppable Feed: Setup & User Guide\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp\",\"datePublished\":\"2026-09-14T13:09:05+00:00\",\"dateModified\":\"2026-09-14T13:12:47+00:00\",\"description\":\"Connect your Instagram Business account to CS-Cart, tag products, and create engaging shoppable Instagram feeds.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp\",\"width\":1120,\"height\":880,\"caption\":\"mannual installation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide for CS-Cart Instagram Shoppable Feed\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3\",\"name\":\"Saurabh Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Saurabh Singh\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/saurabh-singhqa322\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CS-Cart Instagram Shoppable Feed: Setup & User Guide","description":"Connect your Instagram Business account to CS-Cart, tag products, and create engaging shoppable Instagram feeds.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/","og_locale":"en_US","og_type":"article","og_title":"CS-Cart Instagram Shoppable Feed: Setup & User Guide","og_description":"Connect your Instagram Business account to CS-Cart, tag products, and create engaging shoppable Instagram feeds.","og_url":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2026-09-14T13:09:05+00:00","article_modified_time":"2026-09-14T13:12:47+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp","type":"","width":"","height":""}],"author":"Saurabh Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Saurabh Singh","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/"},"author":{"name":"Saurabh Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3"},"headline":"User Guide for CS-Cart Instagram Shoppable Feed","datePublished":"2026-09-14T13:09:05+00:00","dateModified":"2026-09-14T13:12:47+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/"},"wordCount":2684,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp","articleSection":["Cs Cart"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/","url":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/","name":"CS-Cart Instagram Shoppable Feed: Setup & User Guide","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp","datePublished":"2026-09-14T13:09:05+00:00","dateModified":"2026-09-14T13:12:47+00:00","description":"Connect your Instagram Business account to CS-Cart, tag products, and create engaging shoppable Instagram feeds.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/10\/01-mannual-installation.webp","width":1120,"height":880,"caption":"mannual installation"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/instagram-shoppable-feed-documentation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide for CS-Cart Instagram Shoppable Feed"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3","name":"Saurabh Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Saurabh Singh"},"url":"https:\/\/webkul.com\/blog\/author\/saurabh-singhqa322\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/555155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/704"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=555155"}],"version-history":[{"count":7,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/555155\/revisions"}],"predecessor-version":[{"id":557367,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/555155\/revisions\/557367"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=555155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=555155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=555155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}