QuickBooks

How to integrate QuickBooks with Webflow

QuickBooks integrations require third-party tools or custom development. Use automation platforms like Zapier, Make.com, or Integrately for quick setup without coding. Share QuickBooks invoice payment links for simple payment collection. Or build with the QuickBooks and Webflow APIs.

Use automation platforms

Automation platforms connect QuickBooks and Webflow without code using drag-and-drop workflow builders that handle OAuth authentication, API requests, and data mapping.

Make.com supports multi-step workflows with conditional logic, filters, and error handling. Zapier and Integrately offer pre-built templates for common workflows.

The common workflows include:

• E-commerce order processing that creates QuickBooks customers and invoices from Webflow orders
• Lead management that creates customer records from form submissions
• Invoice display that syncs QuickBooks invoices to Webflow CMS collections
• Payment tracking that triggers fulfillment notifications from payment status updates
• Sales receipt generation from completed Webflow transactions

All platforms require admin access to both QuickBooks Online and Webflow accounts. QuickBooks Desktop is not supported — only QuickBooks Online.

Share invoice payment links

QuickBooks Online generates unique payment links supporting credit cards, ACH, PayPal, Venmo, and Apple Pay. One-time links expire after payment; multi-use links work for recurring scenarios.

This method suits service-based businesses with custom quotes but becomes impractical for high-volume e-commerce since QuickBooks lacks embeddable payment widgets—customers redirect to QuickBooks-hosted pages.

The implementation steps are as follows:

1. Create invoices in QuickBooks Online with QuickBooks Payments enabled
2. Copy the unique payment URL
3. Add the link to Webflow pages, email templates, or client portals
4. Payments automatically reconcile in QuickBooks

Build with the QuickBooks and Webflow APIs

The QuickBooks Online API and Webflow API v2 provide foundations for custom integrations requiring OAuth 2.0 authentication.

Note: QuickBooks webhooks will migrate to the CloudEvents format by May 15, 2026. Custom payment handling requires PCI compliance.

Authentication setup

QuickBooks OAuth requires registering in the Intuit Developer portal for Client ID and Secret. Access tokens expire after 60 minutes; refresh tokens last 101 days. Webflow Bearer tokens expire after 365 days of inactivity.

Authentication endpoint: https://oauth.platform.intuit.com/oauth2/v1/tokens/bearer API endpoint: https://quickbooks.api.intuit.com/v3/company/<realmId>/

Create invoices from orders

POST to https://quickbooks.api.intuit.com/v3/company/<realmId>/invoice with required fields: CustomerRef, Line array with item details, Amount, and DetailType (set to SalesItemLineDetail).

Check existing customers first: SELECT * FROM Customer WHERE PrimaryEmailAddr = 'email@example.com'

Sync customer records

Map Webflow form fields to QuickBooks properties: PrimaryEmailAddr, PrimaryPhone, BillAddr, ShipAddr. DisplayName must be unique. Address fields use structured objects (Line1, City, CountrySubDivisionCode, PostalCode, Country).

Database sync delays may occur—add delays between writes and reads or use webhooks.

Process payments

Payment endpoint: POST https://quickbooks.api.intuit.com/v3/company/<realmId>/payment Card processing: POST https://api.intuit.com/quickbooks/v4/payments/charges (requires com.intuit.quickbooks.payment scope)

Critical: Webflow stores amounts in cents; QuickBooks uses dollars. Convert 15000 cents to 150.00 dollars. Never transmit raw card numbers—use tokens only.

Update inventory levels

QuickBooks tracks inventory through Item entities with Type set to Inventory. Update QtyOnHand for stock levels. Use Zapier or Make.com for bidirectional sync without direct webhook development.

Set up webhook notifications

Configure in the Intuit Developer portal with a secure HTTPS URL (TLS 1.2+). Verify signatures using HMAC-SHA256 with the intuit-signature header. Payload includes realmId, entity id, operation type, and lastUpdated timestamp.

Respond with HTTP 200 within the required timeframe. Implement asynchronous processing and idempotency, as QuickBooks doesn't guarantee delivery order.

What you can build

Integrating QuickBooks with Webflow lets you build automated accounting workflows that sync transactions, invoices, and customer data between your site and financial records.

• E-commerce order automation: Purchases create QuickBooks invoices, update inventory, generate sales receipts, and reconcile deposits automatically
• Client portal with invoice display: Sync QuickBooks invoices to Webflow CMS collections for branded invoice viewing
• Lead-to-customer pipeline: Form submissions create QuickBooks customer records for sales tracking
• Subscription billing management: User signups trigger recurring invoice creation in QuickBooks