This guide is for developers applying the integration. You don’t need it to operate the Admin.

You can set up shortform Preview (PIP) in the following ways.

Preview based on a shortform group

Here’s how to set up Preview (PIP) with a shortform group.

<script>
  cloud.shoplive.showShortformPreview({ 
    shortformCollectionId: "SHORTFORM_GROUP_ID" 
  });
</script>

Preview based on SKU

Here’s how to set up Preview (PIP) based on a specific product SKU.

<script defer>
  cloud.shoplive.showShortformPreview({
    sku: "SKU"
  });
</script>

Preview based on tags

Here’s how to set up Preview (PIP) based on shortform tags. You can enter up to 5 tags.

<script defer>
  cloud.shoplive.showShortformPreview({
    tags: ["YOUR_TAG1", "YOUR_TAG2"]
  });
</script>

 Use the tagSearchOperator="AND" option to require all tags (AND condition).

<script defer>
  cloud.shoplive.showShortformPreview({
    tags: ["YOUR_TAG1", "YOUR_TAG2"],
    tagSearchOperator: "AND"
  });
</script>

Preview based on brand

Here’s how to set up Preview (PIP) based on a specific brand. You can enter up to 5 tags.

<script defer>
  cloud.shoplive.showShortformPreview({
    brands: ["BRAND_IDENTIFIER1", "BRAND_IDENTIFIER2"]
  });
</script>