This guide gives quick steps to implement a basic Beam flow of nonprofit selection > checkout > impact tracking.****

Pre-styling to reduce Dev time

Our integration is designed to be as lightweight as possible, and Beam further reduces development time by sharing a custom, pre-configured widgets specific to only your brand. The API package will reflect all configurations to align the styling of each Beam widget to the custom UI/UX we’ve aligned on in advance. This eliminates the need for any development time on your team’s end for configuration and simplifies the development process to 3 steps, which can typically be implemented in roughly 1 day:

Implementation Steps (giving Beam collaborator access)

Zero dev lift for our partners:

1. Give Beam collaborator access & schedule an integration window
2. Beam duplicates the live theme and places the widgets & installs Shopify custom app
   1. Nonprofit Selection & Community Impact (Beam adds in theme)
   2. Post-purchase snippet (Beam adds in checkout page script)
3. Beam runs QA
4. Schedule a go live window with Beam after approving the integration!

Implementation Steps (no collaborator access or headless implementation)

1. Get test or production credentials from your Beam contact.
2. Add the nonprofit widget to your cart page.
3. Add the community widgets to your about page.
4. Add the order page widget to your Order Confirmation Page
5. Install our Shopify App to connect transaction data
   1. Our custom Shopify App uses Shopify data as the source of truth for transaction information
   2. The widgets internally contain the API calls to handle the full data transformation. Refunds / cancellations are handled by the Shopify App.

<aside> 👋 If you’re using a ReBuy SmartCart we have a custom Beam app that makes it even easier to place your nonprofit widget into the SmartCart than ever before! Simply turn on the Beam app in your SmartCart dashboard and include your Beam API Key!

</aside>