Integration pair

Connect HubSpot and Webflow

Start with HubSpot and connect it to Webflow: 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

crm, marketing, email

HubSpot

HubSpot participates in this Plandalf integration path.

Plandalf

Commerce workflow

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

website

Webflow

Webflow 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 HubSpot or Webflow receives data.
2. Connect the app roles - Use HubSpot for its crm role and Webflow for its website 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 HubSpot connections

HubSpot + PayPal HubSpot + Drip HubSpot + Kit (ConvertKit) HubSpot + Klaviyo HubSpot + Mailchimp HubSpot + Stripe HubSpot + Next.js

Product screens that matter for this integration

The useful version of a HubSpot and Webflow 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 HubSpot and Webflow 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

HubSpot and Webflow 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 HubSpot and Webflow sit in the stack.

Hosted checkout Buy button SDK checkout API-first stack

Keep these references open

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

HubSpot platform page Roles, capabilities, and setup patterns for HubSpot. Webflow platform page Roles, capabilities, and setup patterns for Webflow. 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.