Skip to main content
Version: v1

Cumulative Impact

Base widget​

beam-cumulative-impact.liquid

Replace

  • beam_api_key - Your Beam SDK API Key
  • beam_chain_id - Your Beam Chain Id
  • beam_store_id - Your Beam Store Id
  • beam_base_url - This value can remain unchanged, unless you are specifically using Beam’s Staging environment
  • beam_language - Beam supports changing the displayed language based on a lang parameter passed into the widgets. If the partner supports multiple languages, this Liquid variable value should be updated based on any existing language detection method available in the theme. The supported values for this property can be found in the Beam Supported Languages documentation.
{% assign beam_partner_name = "Beam Impact" %}
{% assign beam_language = "en" %}

<script
  type="module"
  async
  crossorigin
  data-em-disable
  data-categories="analytics"
  src="https://sdk.beamimpact.com/web-sdk/v1.30.1/dist/components/cumulative-impact.esm.js"
></script>

<!-- BEAM START -->
<div class="beam-sync-visibility" data-beam-widget="cumulative-impact">
  <beam-cumulative-impact
    apiKey="{{ settings.beam_api_key }}"
    chainId="{{ settings.beam_chain_id }}"
    storeId="{{ settings.beam_store_id }}"
    baseUrl="{{ settings.beam_base_url }}"
    lang="{{ beam_language }}"
  ></beam-cumulative-impact>
</div>
<!--BEAM END -->