This guide provides an overview of the steps required to connect your product data and display product galleries on your website. Follow the steps in order for a smooth integration.Documentation Index
Fetch the complete documentation index at: https://developer.dashsocial.com/llms.txt
Use this file to discover all available pages before exploring further.
Implementation
Step 1: Set up your product feed
Before creating galleries, connect your product catalog to our system. This imports product details such as names, prices, images, and stock status.Product Feed Setup Guide
Set up a product feed to import and sync your product data in Dash.
Step 2: Choose your gallery type
After the product feed is set up, decide how you want to display your products.Shoppable Gallery
A clickable, curated gallery that links social content to product pages. Best for homepages, landing pages, or editorial sections.Product Page Gallery
A product-specific carousel or grid that displays user-generated or brand content for a single product. Best for product detail pages (PDPs). See more difference between Shoppable Gallery and Product Page Gallery here:Galleries Overview & Implementation
Understand the differences between Shoppable and Product Page Galleries
Likeshop Gallery
A scrollable carousel or gallery that displays clickable posts from your LikeShop, linking Instagram and TikTok content directly to product pages. Best for creating a link-in-bio shopping experience that connects social traffic to your site.Step 3: Select an integration method
There are two ways to add a gallery to your site:JavaScript Widget
- Quick to deploy with a ready-made layout.
- Minimal coding required.
- Collects metrics such as views and click tracking automatically, displayed in Dash Social reports.
- Best for teams that want an easy setup without developer support.
API Integration
- Full flexibility to create a custom gallery that matches your brand.
- Avoids third-party JavaScript for stricter security and performance needs.
- Cache content server-side for faster load times.
- Integrate localized product data or other custom feeds.
- Can be used to power both websites and native mobile apps.
Choosing Between API and Widget Integrations
API vs Widget: Which Integration to Use.
Step 4: Implement your gallery
Follow the instructions for your selected gallery type and integration method.Shoppable Gallery
Shoppable Gallery Widget Setup
Embed Shoppable Galleries on your site with a quick JavaScript widget and minimal setup.
Build Shoppable Galleries with the API
Build custom Shoppable Galleries with Dash Social’s API.
Product Page Gallery
Product Page Galleries: API Integration Guide
Build fully custom Product Page Galleries with Dash Social’s API.
Product Page Gallery Widget Setup
Embed product-linked media on PDPs using the Product Page Gallery widget.
LikeShop Gallery
LikeShop Widget Setup
Embed a LikeShop gallery or carousel on your site to showcase shoppable Instagram and TikTok posts.