Forms & Webhooks

What Are Forms & Webhooks?

TravelBuilder Pro can receive form submissions from your website and automatically create contacts in your CRM. When a visitor fills out your inquiry form, a new lead appears instantly in your Contacts list — with all the information they submitted already filled in.

This works by connecting your website forms via webhooks: a direct, real-time link between your website and TravelBuilder Pro.

Accessing Forms & Webhooks

Go to Settings → Forms in the left sidebar. This page shows all your configured forms as a visual pipeline — each form card displays its name, connection status, and number of submissions received.

Connection status indicators:

• Green border + Connected badge — the form has received at least one submission successfully
• Blue dashed border + pulsing dot — the form is set up but waiting for its first submission
• Orange border — the form is inactive (paused)

Use the Check connection button (refresh icon) to silently reload form status without leaving the page.

Two Ways to Connect Forms

Option 1 — Individual Webhook (one URL per form)

Best when you have a single form or want to keep forms completely separate. Each form gets its own unique webhook URL.

Option 2 — Master Webhook (one URL for all forms)

Best when you have multiple forms on the same website. One URL handles all your forms — TravelBuilder Pro automatically detects which form submitted and routes it to the correct configuration.

Tip: If you are not sure which option to use, start with the Master Webhook. It works for both single and multiple forms.

Setting Up a Form (Step by Step)

Step 1 — Create a New Form

1. Go to Settings → Forms and click Add Form.
2. Give the form a name (e.g., "Contact Page Form" or "Quote Request").
3. Choose Master Webhook or an individual form.
4. Click Create. A unique webhook URL is generated.

Step 2 — Copy the Webhook URL

Click on the form card to open its configuration, then copy the Webhook URL shown.

Step 3 — Paste the URL in Your Website

Go to your website's form settings and paste the webhook URL in the appropriate field:

• Webflow — Form settings → Actions → Form Webhook
• WordPress (CF7) — CF7 Webhooks plugin → Webhook URL
• Wix — Automations → Send a webhook
• Typeform — Connect → Webhooks
• HubSpot — Automation → Workflows → Webhook action
• Any platform — any "webhook" or "HTTP POST" setting

Step 4 — Test the Connection

Submit a test entry through your website form. Return to TravelBuilder Pro — the form card border should turn green and a new contact should appear in your Contacts list.

Step 5 — Map Your Form Fields

After the first submission, TravelBuilder Pro detects the fields in your form. Click Configure Mappings to specify which form field maps to which contact field:

• Email address (used for duplicate detection)
• First name, Last name, Phone, WhatsApp
• Message / inquiry text
• Travel details (trip type, stage, number of travelers)
• Accommodation preferences and address fields

Fields you do not map are saved as custom fields, visible in the contact's HISTORY tab.

Using the Master Webhook with Multiple Forms

1. Create the Master Webhook (one URL for all forms).
2. Create individual form configurations for each form type.
3. Set routing patterns for each form — tell TravelBuilder Pro how to recognize it (e.g., "if the submission contains form_name = Contact Form").
4. Set a priority for each form — forms are matched in order from highest to lowest priority.
5. Paste the same Master Webhook URL in all forms on your website.

Automatic Lead Creation

Every time a form submission arrives:

1. TravelBuilder Pro extracts contact information from submitted fields.
2. It checks for an existing contact with the same email to avoid duplicates.
3. If the contact exists, a new entry is added to their HISTORY timeline.
4. If no contact exists, a new lead is created automatically.

Activating and Deactivating Forms

Each form card has an Active/Inactive toggle. Only active forms (green border) accept submissions. Deactivate a form temporarily without deleting it — useful when a form is under maintenance.

Deleting a Form

Click the trash icon on the form card and confirm. This removes the form and its webhook URL. Contacts already created from that form are kept.

Supported Platforms

TravelBuilder Pro works with any platform that supports HTTP POST webhooks. See the platform-specific setup guides:

• Webflow
• WordPress
• Wix
• Typeform
• HubSpot
• Zapier
• Make (Integromat)

Common Questions

Do I need a developer to set this up?
No. Setup requires only copying and pasting a URL into your website's form settings.

What if someone submits the same form twice with the same email?
TravelBuilder Pro detects duplicates by email. A new entry is added to the existing contact's history instead of creating a duplicate.

What happens if a submission does not match any form configuration?
With the Master Webhook, TravelBuilder Pro creates a generic lead from whatever contact information it can extract. No submission is ever lost.