Odoo

How to integrate Odoo with Webflow

Choose your integration method based on the technical resources available. Zapier provides pre-built templates requiring no coding. Make.com and n8n support custom workflow construction. Code embeds work for adding Odoo Live Chat and forms. API integration provides the most flexibility but requires development work.

Use third-party automation platforms

Zapier offers the most accessible solution with a ready-to-use workflow titled "Create new Odoo CRM leads from new Webflow form submissions." Make.com offers advanced workflow capabilities with custom data mapping. n8n provides a self-hosted alternative with unlimited executions.

Common automation workflows include:

• Lead capture: Create Odoo CRM leads from Webflow form submissions
• Contact sync: Map Webflow form data to Odoo CRM leads
• Order processing: Sync Webflow e-commerce orders to Odoo Sales
• CMS updates: Synchronize Webflow CMS collections with Odoo data

Embed Odoo widgets and forms

Odoo provides embeddable code for Live Chat and forms. Add the Live Chat script through Site Settings → Custom Code → Head Code. The Odoo Live Chat documentation includes ready-to-use embed code.

Embeddable elements:

• Live Chat widget: JavaScript snippet from Odoo Live Chat
• Contact forms: Create in Odoo's Website Builder, embed via iframe
• Appointment booking: Embed Odoo Appointments using iframe with CORS configuration

Note: Odoo doesn't provide embeddable product catalogs, shopping carts, or checkout widgets for external websites.

Build with Webflow and Odoo APIs

The Webflow Data API uses RESTful patterns with JSON. The Odoo External API supports JSON-RPC and XML-RPC protocols. Both require bearer token authentication. Generate Odoo API keys through Profile Preferences → Account Security → New API Key. Create Webflow tokens in Site Settings → Apps & Integrations → API Access.

Capture leads from Webflow forms

Configure a form submission webhook to send data to your server. Map fields as follows:

• Form name field → Odoo name parameter in crm.lead model
• Form email field → Odoo emailfrom parameter
• Form phone field → Odoo phone parameter
• Form message field → Odoo description parameter

Never call Odoo's API directly from client-side code. Implement a server-side webhook receiver with proper validation, retry logic, and API key authentication.

Sync products between systems

Pull product data from Odoo using POST /json/2/product.product/search_read, transform it to match your Webflow CMS schema, and post to the Webflow Collections API. Track synchronization state with custom fields to avoid duplicates.

Implement a master-slave pattern where one system is authoritative, or use timestamp comparison with Odoo's write_date field.

Process orders and fulfillment

Configure ecomm_new_order and ecomm_order_changed webhook events to create corresponding sales orders in Odoo. Order creation requires prerequisite API calls to resolve customer records.

Handle errors

Handle common error codesl such as:

• 401 Unauthorized: Verify API key validity and permissions
• 400 Bad Request: Check required fields and data format
• 404 Not Found: Confirm record IDs and endpoint URLs
• 429 Too Many Requests: Implement retry logic with exponential backoff

What you can build

Integrating Odoo with Webflow lets you build business systems that sync CRM data, inventory, and customer interactions between your site and Odoo modules.

• Lead generation system: Webflow forms automatically create leads in Odoo CRM through Zapier or custom API integration
• Customer portal with integrated support: Member dashboard with embedded Odoo Live Chat widget
• Manufacturing order system: Product configurator creating sales orders in Odoo
• Product catalog sync: Webflow CMS collections automatically updated with Odoo inventory and pricing data