Adding a working contact form

B12 Websites 3.0 (stil in beta as of Feb. 2026) can create beautiful contact form interfaces, but forms created by B12's AI Agent cannot receive submissions. In order to collect submissions (e.g. leads, inquiries, signups) you will need to use a third-party.

Choose a form connection method:

• Option 1: Embed a third-party form
  Fastest setup with minimal configuration

• Option 2: Send submissions via endpoint or webhook
  Maximum flexibility and automation

Option 1: Embed a third-party form

Embedding a third-party form is the fastest way to start collecting submissions. You create the form in another tool, then embed it directly into your B12 website using the code provided.

Common tools you can embed:

• Google Forms
• Typeform
• Jotform
• HubSpot forms
• Zapier forms
• Mailchimp signup forms
• Basin
• Other CRM or marketing platform forms

When to use embedded forms

Use embedded forms when you want to:

• Set up quickly with minimal configuration
• Use a CRM or email marketing tool you already have
• Accept form styling that may differ slightly from your site
• Avoid deep customization of form behavior

Connecting an embedded form to your website

1. Create a form with your chosen third-party form builder.

2. Copy the embed code for your form.

3. Provide the embed code to B12's AI Agent to be added to your site.

Prompt guide:

Be sure to mention:

• • The type of code you want to add (e.g., contact form embed code)
  • The location on your site where you want to add your code
  • The full embed code you copied

Example:

Add this contact form embed code to my Contact page:

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfnrme9e8VkwKTRBvRuXOXBElN5IRDK6O_qlq4wNpdU9LszzA/viewform?embedded=true" width="640" height="1976" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

5. Preview the website and submit a test entry.

Submissions should appear in your form provider's dashboard.

Option 2: Send submissions via endpoint or webhook

This option gives you more flexibility. The AI Agent creates a form for your button and sends submissions to an endpoint or webhook when the button is selected.

Choose between form endpoints and webhooks

• Form endpoint services like Formspree, Static Forms, FormSubmit, and Basin offer a simpler setup. They handle validation, storage, and notifications, and send submissions to your email or dashboard.

• Webhook or API services like Zapier, Make, or custom backends offer maximum control. You can route submissions to multiple tools, add custom validation, and automate complex workflows.

Where you can route submissions

• Google Sheets
• Slack or email notifications
• CRMs (HubSpot, Salesforce)
• Email platforms (Mailchimp, ConvertKit)
• Airtable, Notion, or databases
• Custom backends or APIs

When to use endpoints or webhooks

Use endpoints or webhooks when you want to:

• Receive submissions by email or view them in a dashboard
• Control form fields and behavior completely
• Use custom validation or logic
• Send submissions to multiple tools
• Automate workflows

Common tools you can use

Form endpoint services (simpler setup)

• • Formspree
  • Static Forms
  • FormSubmit
  • Airform.ui
  • Basin

Webhook and automation platforms (maximum control)

• • Zapier
  • Make
  • n8n

Connecting an endpoint or webhook to your website

1. Create an account and a form in your chosen service.

2. Copy the endpoint URL.

3. In the B12 Editor, switch on Visual edit, then click the button where you want to capture submissions.

4. Chat with the AI Agent using this prompt:

Prompt:

Send submissions for this button to the following endpoint
[PASTE ENDPOINT URL HERE]. 
Submit the data using POST and ensure all inputs have name attributes.

5. Preview the website and submit a test entry.

6. Confirm the endpoint receives the data and the workflow runs.

What happens after submission

Depending on your setup, the endpoint or webhook can:

• Save the submission to a spreadsheet or database
• Send notifications by email or Slack
• Create or update CRM contacts
• Trigger follow-up automations

Customization options

Depending on the tool you use, you can customize:

• Required fields and field mapping
• Conditional logic and filters
• Multiple destinations for the same submission
• Data formatting or enrichment

Use a custom API endpoint

If you need maximum control, you can send submissions to your own backend:

1. The form sends data to a server-side endpoint.
2. The server validates and processes the submission.
3. API keys and secrets remain secure.

This approach works best if you already have a backend or need custom business logic.

Security and best practices

• Never expose API keys in client-side code.
• Validate required fields before submission.
• Show clear success and error messages.
• Test submissions on a published site, not just a preview.