Integration pair

Connect Webflow and HubSpot

Start with Webflow and connect it to HubSpot: Capture leads on Webflow and follow up through HubSpot. Plandalf keeps checkout, offer data, buyer records, and follow-up events aligned.

Start free Read the docs

website

Webflow

Webflow participates in this Plandalf integration path.

Plandalf

Commerce workflow

Offers, Timers, checkout data, payment context, invoices, entitlements, and events.

crm, marketing, email

HubSpot

HubSpot participates in this Plandalf integration path.

Setup pattern

One checkout event, multiple systems updated

1. Define the offer and buying surface - Build the offer, product, price, coupon, order bump, upsell, invoice, and checkout mode in Plandalf before Webflow or HubSpot receives data.
2. Connect the app roles - Use Webflow for its website role and HubSpot for its crm role, with Plandalf carrying the commerce context between them.
3. Route the purchase event - Send buyer, product, payment, invoice, deadline, coupon, and fulfilment state into webhooks, API handlers, or sequences after checkout.
4. Keep the operator controls visible - Confirm integrations, payment options, test mode, tax settings, invoices, and automation settings in the app before sending traffic live.

More Webflow connections

Webflow + PayPal Webflow + Drip Webflow + Kit (ConvertKit) Webflow + Klaviyo Webflow + Mailchimp Webflow + Stripe

Product screens that matter for this integration

The useful version of a Webflow and HubSpot integration is not just an app directory card. It shows the Plandalf screens where Offers, payment options, invoices, integrations, Automations, and API handoffs are actually configured.

The Numi offer editor showing layout, product, theme, automation, invoice, and settings controls.

Offer configuration is the source of truth

The Webflow and HubSpot integration should start from the offer record: product, price, checkout mode, invoice, and automation context.

Offers Products Prices Invoices

The Numi offer editor automation tab showing sequence controls beside the checkout canvas.

Automation receives commerce context

Webflow and HubSpot should receive a purchase event with buyer, product, invoice, coupon, and deadline context, not a bare notification.

Automations Sequences Webhooks Webhook fanout

The Numi offer editor showing hosted checkout mode controls.

The checkout launch point is explicit

Use hosted checkout, embedded checkout, buy buttons, or SDK checkout depending on where Webflow and HubSpot sit in the stack.

Hosted checkout Buy button SDK checkout API-first stack

Keep these references open

Use these Plandalf pages when building the Webflow and HubSpot path so every feature, integration, sequence, and API handoff has a next click.

Webflow platform page Roles, capabilities, and setup patterns for Webflow. HubSpot platform page Roles, capabilities, and setup patterns for HubSpot. API-first stack SDK checkout, API keys, webhooks, payment processors, and invoices together. Checkout completed fulfilment A sequence recipe for fulfilment after a successful purchase.