Description
CS-Cart Instagram Shoppable Feed is a CS-Cart add-on that turns Instagram posts, reels, and carousels into a shoppable storefront gallery.
Store owners connect an Instagram Business account, and the add-on pulls new media on the schedule set for the background cron job.
Admins tag catalog products on a post and place a hotspot on the exact spot a shopper should click.
Clicking a tile opens a popup with the full media file, the caption, and every tagged product with its price.
Local mirroring copies each image and video to your own server, so tiles keep working after Instagram rotates its CDN URLs.
Also, if you want vendors to reward customers for referrals, you can check our add-on CS-Cart Affiliate Extension.
Highlighted Features of CS-Cart Instagram Shoppable Feed
Shoppable Media Popup
A shopper clicks a tile and buys the tagged product from the popup without leaving the page.
Hotspot Product Tagging
Drop a tag on the exact point of an image or a video frame where the product appears.
Carousel Slide Tags
Shoppers slide through an album inside the popup, and each slide carries its own product tags.
Local Media Mirroring
Your own server delivers each image and video, so tiles never depend on the Instagram CDN.
Caption Auto-Tagging
Hashtag rules and caption SKUs link a new post to catalog products at import time.
Media Library Moderation
Approve, reject, pin, or hide any post before it reaches a storefront feed.
Why Do We Need CS-Cart Instagram Shoppable Feed?
A default CS-Cart store has no way to show Instagram media, so social proof stays on Instagram while the catalog sits alone.
Store teams answer the same question every week, which is where a customer can buy the item from a post they liked.
The add-on imports that post and links it to the real catalog product. An add to cart button then sits on the media itself.
Token expiry is the failure most teams meet first. The accounts grid shows that expiry date, and the renewer refreshes the token before a sync breaks.
Also, if you want storefront alerts for order and shipment updates, you can check our add-on CS-Cart Advanced Notification.
CS-Cart Instagram Shoppable Feed Use Cases
-
Fashion Lookbook Selling
An apparel store tags every garment in an outfit post so a shopper buys the whole look.
-
Customer Photo Galleries
A brand imports posts it was tagged in and shows that user generated content beside its catalog.
-
Category Page Styling
A category page carries only the media tagged with products from that same category.
-
Marketplace Vendor Feeds
Each vendor on a multi vendor store connects its own account and manages its own posts.
Instagram Account Connection and Feed Sync
The Instagram accounts screen lists every Business account the store has connected, with its token state and last sync time.
Also, for the same catalog inside an Android and iOS app, check our add-on CS-Cart Multi Vendor Mobile App Builder.
- Add an account with the Connect Instagram button from the accounts grid.
- Read the Vendor, Username, Last sync, Token expires, Last error, and status columns.
- Spot a stalled account from its Last error value before the feed goes stale.
- Let the token renewer refresh long lived tokens before they expire.
- Import both own media and media the account was tagged in.
- Run separate accounts for separate storefronts on the same install.
Shoppable Feed Blocks and Storefront Layouts
The CS-Cart Block Manager places each feed, so a shoppable Instagram gallery can sit on any storefront page.
Every feed keeps its own post limit, layout style, and click behaviour, which lets one store run several feeds at once.
- Give each feed a Code, a Title, a Source type, and a Sort order.
- Add the feed to the homepage as a grid block or as a slider block.
- Show tagged posts on the product details page for the active product.
- Publish a dedicated Instagram gallery page for all synced media.
- Set the column count per device, such as five on desktop and two on mobile.
- Pick the aspect ratio, the click action, and whether videos autoplay.
Also, for more social selling tools on your store, you can check our CS-Cart Social Media Add-ons.
Media Library Moderation and Bulk Actions
The media library is the single grid where every imported post waits for a decision before a storefront feed can show it.
- Set a media file to approved, pending, or rejected.
- Show only approved media files in every storefront feed.
- Pin a post so it holds the top position in the grid.
- Hide or show a media file without deleting it.
- Search the library by media type, origin, status, account, and date range.
- Approve, reject, hide, pin, unpin, or delete many media files at once.
Automatic Product Tagging and Hashtag Rules
Automatic product tagging reads each caption as a post arrives, so a busy account does not need an admin on every upload.
- Turn on Enable automatic product tagging from the add-on settings.
- Switch on Match SKU in caption to check caption words against catalog SKUs.
- Use Auto-publish suggestions to skip review, or leave it off to check each tag.
- Map a hashtag such as #sale to product SKUs on the Hashtag to SKU rules screen.
- Let the cron job scan captions of newly imported posts.
Feed Recipes for Common Storefront Layouts
Recipes are ready-made feed templates. Picking one opens the feed editor with the source type and the layout already filled in.
- Start a feed from a recipe instead of building it field by field.
- Use Social proof on Homepage for a six column grid under the hero.
- Use Shoppable slider on Product pages to show posts tagged with the current product.
- Use Moderated UGC wall for customer tagged posts that need approval first.
- Use Campaign feed on a landing page for a manually curated post list.
- Clone One feed per storefront to run localized feeds from one account.
Local Media Mirroring for Images and Videos
Instagram rotates its CDN URLs, and a feed that hotlinks them shows broken tiles a few days after an import.
Also, if you want product videos in their own product page tab, you can check our add-on CS-Cart Product Video Tab.
- Switch on Mirror media to local storage in the synchronization settings.
- Mirror media in batches so a large import does not stall the queue.
- Play mirrored videos through a responsive HTML5 video player.
- Fall back to a secure storefront URL when a direct fetch is refused.
- Keep storefront tiles working after Instagram rotates a CDN URL.
Instagram Analytics and Background Automation
The analytics dashboard reports what each feed earned, so a store can judge social commerce on revenue rather than on likes.
Also, if you want shoppers to browse marketplace vendors by category, you can check our add-on CS-Cart Advanced Vendor List.
- Read Impressions, Clicks, Popup opens, Product clicks, Add-to-carts, and Orders.
- Track Revenue, CTR, and Conv. rate, and break the numbers down by feed, post, or product.
- Export any of those three breakdowns to CSV.
- Set Sync frequency and Posts per account per sync, which allows up to 200.
- Purge older media with Retention days, where 0 keeps everything.
Complete CS-Cart Instagram Shoppable Feed Feature List
Instagram Import and Account Management
- Connect one or more Instagram Business accounts linked to a Facebook Page
- Import images, videos, reels, and carousel albums as own or tagged media
- Track access tokens, expiry dates, and last sync times from the accounts grid
- Refresh long lived tokens automatically before they expire
- Trigger a manual import for any connected account
Storefront Display and Layout Control
- Place feeds with the CS-Cart Block Manager on the homepage, product page, or category page
- Publish a dedicated Instagram gallery page that compiles all synced media
- Choose a grid or slider layout, with column counts set per device
- Control aspect ratio, post limit, click action, video autoplay, and the view more link
- Show video and carousel badges on tiles, with caption and like counts on hover
Shoppable Popup and Buying Flow
- Open an AJAX popup with the full image, video, or carousel album
- Show the caption, the username, the post date, and the like count
- List every tagged product with its name and price
- Add a tagged product to the cart in one click, or open its product page
- Slide through carousel albums with slide specific product tags
Product Tagging and Auto-Tagging
- Place hotspots by clicking the image or the video preview
- Search products by name or SKU with autocomplete while tagging
- Store hotspot_x and hotspot_y percentages for responsive tag placement
- Map hashtag rules to SKU sets and scan captions for active product SKUs
- Auto-approve auto-tagged product links, or route them to manual review
Moderation and Media Handling
- Move media between approved, pending, and rejected states
- Pin, unpin, hide, and show individual media files
- Filter the media library by type, origin, status, account, and date range
- Apply approve, reject, hide, pin, unpin, and delete as bulk actions
- Mirror images and videos locally and serve them from your own server
Automation, Analytics, and Compatibility
- Run feed sync, token renewal, mirroring, auto-tagging, and analytics rollups from one cron endpoint
- Purge older media on a retention days setting
- Report impressions, clicks, conversion rates, and revenue per feed
- Support multiple accounts, multiple storefronts, and individual vendors
- Work with CS-Cart 4.18.x to 4.20.x Ultimate and Multi-Vendor on PHP 7.4 or higher
Support
For any query or issue please create a support ticket here http://webkul.uvdesk.com. You may also check our other top-quality CS-Cart Add-ons.