Community Impact

Base widget

beam-community-impact.liquid

Replace

• cardStyle - “image” or “icon”
• beam_partner_name - Your brand or store’s name
• beam_api_key - Beam SDK API Key
• beam_chain_id - Beam Chain Id
• beam_store_id - 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/community-impact.esm.js"
></script>

<!-- BEAM START -->
<div class="beam-sync-visibility" data-beam-widget="community-impact">
  <h2>The {{ beam_partner_name }} Community's Impact</h2>
  <p>
    1% of every {{ beam_partner_name }} purchase is donated to a nonprofit of your choice.<br />
    Check out the impact the {{ beam_partner_name }} community is making below.
  </p>

  <beam-community-impact
    apiKey="{{ settings.beam_api_key }}"
    chainId="{{ settings.beam_chain_id }}"
    storeId="{{ settings.beam_store_id }}"
    baseUrl="{{ settings.beam_base_url }}"
    lang="{{ beam_language }}"
    cardStyle="image"
  ></beam-community-impact>
</div>
<!--BEAM END -->