Bigin by Zoho CRM

How to integrate Bigin by Zoho CRM with Webflow

Website visitors who submit forms need to flow into your sales pipeline automatically. Without CRM integration, you manually copy form data or lose leads between systems. The Bigin integration feeds Webflow form submissions directly into your sales process with automatic contact creation, deal tracking, and follow-up task assignment.

You can Integrate Bigin with Webflow through native form embeds for simple lead capture, use Zapier or Make.com for visual workflow automation, Zoho Flow for native Zoho ecosystem connections, or direct API integration for custom business logic. Form embeds work on all Webflow plans and require no coding.

Native form embeds and widgets

Bigin forms embed directly into Webflow pages using iframe, JavaScript, or HTML code. You must paste the embed code into Webflow's Code Embed element for basic lead capture. This method works on all Webflow plans including the free Starter plan and requires no programming knowledge.

The Bigin form builder supports 40+ field types with drag-and-drop configuration. Forms include built-in CAPTCHA protection, GDPR compliance features, mobile-responsive layouts, and conditional field logic to show or hide fields based on user selections. You can capture leads through contact forms, quote requests, or consultation bookings.

Setup steps for iframe embed:

1. Log into Bigin and go to Automation > Forms > Create Form
2. Name your form and select the target module (Contacts or Deals)
3. Drag fields from the left panel onto the canvas
4. Configure settings including CAPTCHA, notifications, and success messages
5. Click Publish > Embed in Website > select iFrame
6. Copy the embed code
7. In Webflow, drag Code Embed from Add panel > Advanced
8. Paste the code and click Save & Close
9. Publish your Webflow site to activate the form

For JavaScript embed with better responsive behavior, follow the same steps but select JavaScript in the Share tab. JavaScript embed code supports dynamic resizing and styling through CSS. Place the code in Webflow's Page Settings > Custom code > Before </body> tag section. Page settings support up to 10,000 characters in head and body sections. For larger embeds, use site-wide custom code which supports 20,000 characters in each section.

Advanced configuration options include:

• Pre-fill fields with URL parameters by appending query strings that match field API names
• Add CAPTCHA or Google reCAPTCHA through form settings for spam protection
• Set up auto-response emails to send confirmation messages to form submitters
• Create assignment rules to route leads to specific team members based on form criteria
• Enable workflow triggers to start automated sequences when forms are submitted
• Configure conditional field logic to show/hide fields based on selections
• Build multi-page forms with progress bars for improved user experience
• Enable GDPR and CCPA compliance features with double opt-in consent

Forms work immediately after embedding. Submissions appear in Bigin within seconds and trigger any workflows you've configured.

Connect through Zapier

Zapier provides pre-built templates for Webflow and Bigin integration. Some of the most common, available templates include "Create or update Bigin contacts from new Webflow form submissions," "Create Bigin contacts from new Webflow form submissions," and "Create new Bigin deals for Webflow form submissions."

The visual workflow builder uses a trigger-action system where Webflow form submissions automatically create contacts, deals, or tasks in Bigin. You can build multi-step workflows that connect additional apps or add conditional logic through Zapier's interface. Setup takes 15-30 minutes for non-technical users.

Zapier provides these workflow features:

• Visual workflow builder with drag-and-drop interface
• Trigger-action system for automatic contact and deal creation
• Field mapping interface with visual dropdowns
• Multi-step workflows connecting additional apps
• Automatic error handling and retry logic

Webflow triggers include:

• New Form Submission fires when someone submits a Webflow form
• New Order captures e-commerce purchases
• Updated Order syncs order status changes
• New Collection Item tracks CMS content additions

Bigin actions include:

• Create Contact with the Contacts API
• Create Deal to add opportunities to your pipeline
• Create Task for automatic follow-up assignment
• Find Contact to check for existing records before creating duplicates

Setup process:

1. Create a Zapier account and click Create Zap
2. Select Webflow as the trigger app and choose New Form Submission
3. Authenticate your Webflow account through the built-in connector
4. Choose which form should trigger the workflow
5. Select Bigin as the action app and choose Create Contact
6. Authenticate your Bigin account
7. Map form fields to Bigin contact fields using visual dropdowns
8. Test the workflow with sample data
9. Activate the Zap

Automate with Make.com

Make.com (formerly Integromat) provides visual workflow automation with 45 Bigin modules including 7 triggers and 30 actions.

Bigin capabilities in Make.com include:

• Create Company records for B2B lead capture
• Create Pipeline for dynamic sales process management
• Create Event and Create Call for activity logging
• Delete Call for activity management
• 8 search operations including Find Contact, Find Deal, and Find Task
• Delete operations for data cleanup workflows

Make provides visual branching capabilities with routers and filters. You can route high-value leads to one pipeline and standard inquiries to another, or assign leads to different team members based on territory or expertise. The platform's 45 Bigin modules enable sophisticated lead routing and assignment workflows through visual routers and filters that branch workflows based on conditions.

Use Zoho Flow for native Zoho connections

Zoho Flow connects Webflow and Bigin through webhook-based automation. Zoho Flow syncs data between Webflow and Bigin, including the ability to update Webflow CMS content based on Bigin changes. This integration requires technical knowledge to configure webhook connections manually.

Zoho Flow includes a visual flow builder with drag-and-drop interface and conditional if-then branching. Setup requires configuring webhook endpoints and authentication manually rather than through a marketplace app installation.

Setup requires webhook configuration:

1. Create a Zoho Flow account at zoho.com/flow
2. Authenticate your Zoho account
3. Create a new flow in the Zoho Flow dashboard
4. Configure a webhook trigger to receive Webflow form data
5. Set up Webflow to send form submissions to the webhook URL (requires technical implementation)
6. Add a Bigin action like Create or Update Contact
7. Map fields using visual dropdown selectors
8. Test the flow with sample data
9. Activate the flow

Note that Webflow webhook functionality requires a paid plan. Check your plan features before implementing webhook-based integrations.

Build with Webflow and Bigin APIs

Direct API integration between Webflow's Form Data API and Bigin's REST API gives you complete control over data transformation, custom business logic, and integration with additional services. Custom API integration requires backend development expertise.

Build direct API connections when you need custom field mapping logic that automation platforms don't support, complex data validation before CRM submission, integration with internal tools or databases alongside Bigin, or custom error handling and retry mechanisms for mission-critical workflows.

Webflow provides a Form Data API at https://api.webflow.com/v2/sites/{site_id}/forms/{form_id}/submissions that returns form submission data in JSON format. According to Webflow's API documentation, you authenticate using OAuth 2.0 or API tokens, then poll for new submissions or set up webhooks on plans that support them.

Bigin provides a REST API for creating and updating CRM records. You can use endpoints like POST /crm/v2/Contacts to create contact records and POST /crm/v2/Deals to create deals. Authentication uses OAuth 2.0 tokens with proper scope permissions.

Create a middleware service (a backend application that processes data between systems) to handle the integration:

1. Receive Webflow webhook events or poll the Form Data API
2. Transform form data to match Bigin's field structure
3. Validate data against your business rules
4. Send properly formatted requests to Bigin API endpoints
5. Handle errors, retries, and log all transactions

Deploy this service on platforms like Heroku, AWS Lambda, or Vercel.

What you can build

Integrating Bigin with Webflow captures website visitors and leads through forms, feeding them directly into your sales pipeline in Bigin for systematic management and follow-up.

• Automated lead qualification system for SaaS companies: Build a demo request page with fields for company size (dropdown with 1-10, 11-50, 51-200, 200+ employees), monthly budget (dropdown with <$500, $500-2000, $2000-5000, $5000+), and implementation timeline (dropdown with Immediate, 1-3 months, 3-6 months, 6+ months).
• Client intake portal for agencies: Create project inquiry forms that capture scope, budget, and timeline details where each submission creates a new deal in your project pipeline, assigns it to the appropriate account manager based on service type, and triggers a welcome email with next steps and scheduling links.
• E-commerce customer database: Sync Webflow e-commerce orders to create detailed customer profiles in Bigin while tracking purchase history, calculating lifetime value, and triggering post-purchase follow-up sequences.
• Consultation booking system with Bigin scheduling: Link to Bigin's booking page from your Webflow site or embed the booking page URL in an iframe to let prospects schedule meetings directly.