Getting Started

Integration Steps for Web Storefronts

This is a high-level view of the steps to add Beam to your e-commerce site. Find your platform integration guide to execute these steps or use the web sdk guide.

1. Get Production and/or Staging credentials from your Beam rep (see configuration) + add them to your Beam config files.
2. Add the cart setup script to update Beam of cart changes
3. Add the Product Details widget to your product details page
4. Add the Select Nonprofit widget to your cart(s)
5. Add the Post Purchase widget to your Order Confirmation or Thank You page
6. Add the Community Impact Widget to your About Us or Social Impact page
7. Enable server-side order verification and cancellation (see OMS Integrations)

Install

Beam widgets are implemented as HTML custom elements (web components). The widget code is distributed via the Beam Web SDK, which is available to integrate on sites via a CDN or NPM install .

Platform Integrations

• Shopify Storefront integration Guide
• Shopify Headless integration Guide
• SFCC B2C Cartridge
• BigCommerce Integration Guide
• Next.JS Integration Guide