Skip to main content
Version: v1

Product Details Page

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

  • Tag Type: Custom HTML
  • Support document.write: Yes
  • Tag Sequencing: Fire after "Beam Initialization" tag
<!-- BEGIN Beam Product Details Page -->
<script type="module" async crossorigin src="https://sdk.beamimpact.com/web-sdk/v1.39.2/dist/components/product-details-page.esm.js"></script>
<script type="module">
  import { getConfig } from "https://sdk.beamimpact.com/web-sdk/v1.39.2/dist/integrations/beam.js";

  var beam = getConfig();
  await beam.readyPromise;

  var component = document.createElement('beam-product-details-page');
  component.setAttribute('apiKey', beam.apiKey);
  component.setAttribute('storeId', beam.storeId);
  component.setAttribute('baseUrl', beam.baseUrl);

  var body = document.querySelector('body');
  body.appendChild(component);
</script>
<!-- END Beam Product Details Page -->