Offer setup before anything syncs
React receives cleaner data when the offer, product, price, checkout mode, invoice, and automation path are defined first.
App integrations
pages
Connect React to the platforms you already sell with
Use Plandalf to connect React with checkout pages, payment flows, email tools, CRM records, access systems, tax engines, and webhooks.
Popular connections
React works with…
Use these as practical recipes, not just directory entries. Each one should explain the checkout, automation, payment, email, CRM, tax, or API handoff that matters.
React + PayPal
Score 85
Take payment through PayPal from pages hosted on React.
React + Drip
Score 80
Capture leads on React and follow up through Drip.
React + Kit (ConvertKit)
Score 80
Capture leads on React and follow up through Kit (ConvertKit).
React + Klaviyo
Score 80
Capture leads on React and follow up through Klaviyo.
React + Mailchimp
Score 80
Capture leads on React and follow up through Mailchimp.
React + Stripe
Score 77
Take payment through Stripe from pages hosted on React.
React + HubSpot
Score 74
Capture leads on React and follow up through HubSpot.
React + ActiveCampaign
Score 70
Capture leads on React and follow up through ActiveCampaign.
React + beehiiv
Score 70
Capture leads on React and follow up through beehiiv.
React + Customer.io
Score 70
Capture leads on React and follow up through Customer.io.
React + Flodesk
Score 70
Capture leads on React and follow up through Flodesk.
React + MailerLite
Score 70
Capture leads on React and follow up through MailerLite.
How it works
Plandalf is the commerce layer between apps
React keeps doing what it is best at. Plandalf handles the offer, checkout, buyer fields, payment context, invoice data, and post-purchase events that every other app needs.
Plain React apps (Vite, Create React App, Remix, TanStack Start, etc.) load the SDK via a `<script>` tag in `public/index.html` or the equivalent shell document. Once loaded, any JSX button with a `data-plandalf-present` attribute opens the corresponding flow.
Search paths
Pages this hub can feed
Product surfaces to check before wiring React
A useful React integration page should show where the operator configures Offers, payment options, invoices, Automations, integrations, and API settings before a developer ships the flow.
Checkout can live on the site or app
React can launch a hosted checkout, buy button, embedded flow, or SDK checkout depending on where the buyer starts.
Recipes to keep open while building
React can be part of a payment stack, a site stack, a marketing stack, or an automation stack. These Plandalf resources keep the implementation tied to real checkout and purchase events.
Checkout completed fulfilment Route product, buyer, invoice, and payment state after purchase. Purchase event webhook fanout Send one purchase event into multiple downstream tools. API-first commerce stack Use SDK checkout, API keys, webhooks, and operator-visible settings together. React platform overview See the supported roles, setup patterns, and product surfaces for React.