Skip to main content
Version: v1

Product Details Page

The Beam companion widget to a store's product details page.

beam-product-details-page.liquid

Properties​

  • apiKey (required): The beam provided SDK API key used for authentication
  • storeId (required) - Your Beam Store Id for the given site that Beam is being integrated into
  • baseUrl (optional) - If using staging environment, you'd need to add base URL and set it equal to "https://api-staging.beamimpact.com"

Usage​

<script
  type="module"
  async
  crossorigin
  data-em-disable
  src="https://sdk.beamimpact.com/web-sdk/v1.39.1/dist/components/product-details-page.esm.js"
></script>

<!-- BEAM START -->
<div class="beam-sync-visibility" data-beam-widget="product-details-page">
  <beam-product-details-page
    apiKey="abc123"
    storeId="1"
  ></beam-product-details-page>
</div>
<!--BEAM END -->