Skip to main content
Version: v1

Product Details Page

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

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/{{ sdk_version }}/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="{{ storefront_component_api_key }}"
      storeId="{{ store_id }}"
    ></beam-product-details-page>
  </div>
  <!--BEAM END -->