# Platforms overview
Choose the right install path for Plandalf across custom HTML, React, Next.js, Webflow, Shopify, WordPress, Stripe, and PayPal.
Source: /docs/platforms/overview
Last modified: 2026-06-19
Plandalf can be installed on page builders, custom sites, JavaScript apps, and payment-connected workflows.


### Pick the surface your customer sees

Start from the page or app screen where the customer already makes the buying decision.

- [Public page](/docs/platforms/custom-html) - Use Custom HTML, Webflow, WordPress, or Shopify when the buying action lives on a marketing, campaign, or content page.
- [Logged-in app](/docs/platforms/nextjs) - Use React or Next.js when checkout should know the current user, plan, or entitlement state.
- [Payment platform](/docs/platforms/stripe) - Connect Stripe or PayPal so Plandalf can create customers, collect payment, and keep checkout records aligned.

## Page platforms


### [Custom HTML](/docs/platforms/custom-html)


    Paste the script and use attributes or JavaScript.


### [React](/docs/sdk/react)


    Use provider and hooks around the browser SDK.


### [Next.js](/docs/platforms/nextjs)


    Load Plandalf from client components.


### [Webflow](/docs/platforms/webflow)


    Add custom code and data attributes in Designer.


## Commerce platforms

Plandalf is payment-adjacent infrastructure. It connects to payment processors such as Stripe and PayPal while keeping the seller's processor account as the payment system of record.

- [Stripe](/docs/platforms/stripe)
- [PayPal](/docs/platforms/paypal)

## Implementation route

If a platform can host HTML and JavaScript, start with:

```html
<script src="https://acme.plandalf.com/js/plandalf-sdk.js" async></script>
<button data-plandalf-present="pro-plan">Buy</button>
```