Skip to main content

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.

​
Overview

Use the LikeShop widget to embed a clickable gallery or carousel of posts from your LikeShop directly on your site. Posts are displayed with the most recent first, and additional content loads as users scroll.
  • Single-product posts open the product page in a new tab.
  • Multi-product posts open a pop-up with product anchors overlaid on the image.
For inspiration:

​
Embed the widget

Paste this inside the element where you want the gallery to appear. Replace <brand id> in the examples below with your value. Keep it inside double quotes. 
<script
  src="https://cdn.dashsocial.com/web/js/embed.js"
  type="text/javascript"
  data-name="likeshop"
  data-id="<brand_id>" <!--Replace <brand_id> with your Brand ID-->
  data-id-type="brand_id"
  data-row-size="3"
  data-gap-size="2"
  data-mobile-row-size="2"
  data-mobile-gap-size="4"
  data-call-to-action="learn_more"
  data-lazy="true"
  data-disable-product-new-tab="false"
></script>
Use this script to create a scrolling carousel: 
<script
  src="https://cdn.dashsocial.com/web/js/carousel-embed.js"
  type="text/javascript"
  data-name="likeshop-carousel"
  data-id="<brand_id>" <!--Replace <brand_id> with your Brand ID-->
  data-id-type="brand_id"
  data-row-size="3"
  data-gap-size="2"
  data-mobile-row-size="2"
  data-mobile-gap-size="4"
  data-call-to-action="learn_more"
  data-autoplay="false"
  data-carousel-dots="true"
  data-disable-product-new-tab="false"
></script>

​
Widget parameters

These parameters control the behavior and appearance of the LikeShop widget. If you are interested in more advanced styling and customization, refer to the Widget Customization Guide:

Widget Customization

Customize Dash Social widgets with CSS for fonts, colors, and layout tweaks.
ParameterRequiredFormatDescription
data-idYesGallery/CarouselReplace <brand id> with your Brand ID. Wrap in double quotes.
data-id-typeYesGallery/CarouselType of ID used in data-id. Use "brand_id".
data-row-sizeNoGallery/CarouselImages per row. Default is 3.
data-gap-sizeNoGallery/CarouselSpacing between images in pixels. Default is 2.
data-mobile-row-sizeNoGallery/CarouselImages per row on mobile. Defaults to data-row-size.
data-mobile-gap-sizeNoGallery/CarouselSpacing between images on mobile. Defaults to data-gap-size.
data-call-to-actionNoGallery/CarouselAdd a hover overlay message (e.g. "shop_now", "learn_more").
data-lazyNoGallery/CarouselLoad images only when they are in view.
data-disable-product-new-tabNoGallery/CarouselDefault is "false". If set to "true", product links open in the same tab.
data-carousel-dotsNoCarouselShow or hide navigation dots below the carousel. Default is true.
data-autoplayNoCarouselEnable automatic scrolling. Default is "false".
data-infiniteNoCarouselEnable infinite looping. Default is "false".
data-show-priceNoGallery/CarouselShow product prices in the pop-up if available in your product feed.

​
Content Security Policy

If your site uses a Content Security Policy (CSP), you’ll need to allow the domains and MIME types used by the LikeShop Widget. This ensures scripts, images, and network calls load correctly.

​
Why this matters

  • Ensures the widget script can load safely.
  • Allows image and video assets from approved Dash Social domains.
  • Prevents CSP errors that block network calls or media loading.

​
Required CSP directives

script-src https://cdn.dashsocial.com;
connect-src https://likeshop.me;
img-src 'self'
  data:
  https://cdn.dashsocial.com
  https://likeshop.me
  https://dashsocial-static.s3.amazonaws.com
  https://d1cka1o15bmsqv.cloudfront.net
  https://dashsocial.com
  https://www.dashsocial.com

​
Approved domains and MIME types