# Platforms overview

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](https://plandalf.com/docs/product-guides/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](https://plandalf.com/docs/product-guides/platforms/nextjs) — Use React or Next.js when checkout should know the current user, plan, or entitlement state.

- [Payment platform](https://plandalf.com/docs/product-guides/platforms/stripe) — Connect Stripe or PayPal so Plandalf can create customers, collect payment, and keep checkout records aligned.

## Page platforms

- [Custom HTML](https://plandalf.com/docs/product-guides/platforms/custom-html) — Paste the script and use attributes or JavaScript.

- [React](https://plandalf.com/docs/packages/react) — Use provider and hooks around the browser SDK.

- [Next.js](https://plandalf.com/docs/product-guides/platforms/nextjs) — Load Plandalf from client components.

- [Webflow](https://plandalf.com/docs/product-guides/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](https://plandalf.com/docs/product-guides/platforms/stripe)
-   [PayPal](https://plandalf.com/docs/product-guides/platforms/paypal)

## Implementation route

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

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

Source: https://plandalf.com/docs/product-guides/platforms/overview