--- title: Adding and editing contact forms description: Learn how to add a contact form to your B12 website, view submissions in your dashboard, and understand how notifications and spam protection work. --- [Skip to content](https://support.b12.io/en/v3/adding-and-managing-forms#main-content) ![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg) - [Help Center](https://support.b12.io/) - [B12 Website](https://www.b12.io/) - [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery) - [Resources](https://www.b12.io/resource-center/) - [Pricing](https://www.b12.io/pricing/) - [Log in](https://b12.io/dashboard/) Open main navigation Close main navigation - [Help Center](https://support.b12.io/) - [B12 Website](https://www.b12.io/) - [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery) - [Resources](https://www.b12.io/resource-center/) - [Pricing](https://www.b12.io/pricing/) - [Log in](https://b12.io/dashboard/) - [Start for free](https://b12.io/signup/) [Start for free](https://b12.io/signup/) How can we help? - There are no suggestions because the search field is empty. 1. [B12 Help Center](https://support.b12.io/en?hsLang=en) 2. [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en) 3. [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions) # Adding and editing contact forms ## Learn how to add a form to your website, edit your form, view submissions, and more. | ![ronnel](https://support.b12.io/hs-fs/hubfs/Ronnel%20DG.png?width=60&height=60&name=Ronnel%20DG.png) Written by: Ronnel DG Last updated: 13 Oct., 2026 | | --- | Contact forms let visitors send messages directly from your website. By default, the AI Agent creates forms that use B12's native form functionality. When someone submits a form, their information is saved under Form submissions in the left menu, and both you and the visitor receive a confirmation email. **Tip:** The AI Agent will often include a basic contact form in your initial website draft, even if you didn't request one. If you have specific requirements for your contact form, be sure to include those in your initial website description. ### Adding a contact form You can add a form to any page on your website using the AI Agent. The AI Agent creates forms that work with B12's native form functionality by default, so submissions, notifications, and contact records are automatically connected. 1. In the AI Agent chat, type a prompt and describe the form you want. **Example prompt:** > Add a contact form with fields for name, email, and message. 2. Review the form the AI Agent creates. Ask the AI Agent to adjust any fields or layout as needed. 3. Test the form to check if you are receiving responses from it. 4. Click `Publish` to make your changes live. **Tip:** Be specific when describing your form. You can ask the AI Agent to include a phone number field, a dropdown menu, or a specific label for each field. ### Editing a contact form You can edit an existing form at any time by prompting the AI Agent. Use the AI Agent to add or remove fields, change field labels, reorder fields, or update the form's heading or button text. #### Adding a form field When adding a field, include: - - - The field type - The field label - Any options - Whether it’s required - Validation or formatting rules (if needed) ``` Add checkboxes labeled “Services needed” with options: Website design, SEO, Branding, Ongoing support. ``` #### Form field types The following field types are available. Include the field type in your prompt to get the result you want. | Field type | Description | Prompt examples | | --- | --- | --- | | Address | Multi-part input for a street address | ``` Add an address field for the visitor's location. ``` | | Checkboxes | Multiple-choice selection | ``` Add checkboxes for the visitor to select all services they're interested in. ``` | | Date | Calendar input for selecting a date | ``` Add a date field for the visitor's preferred appointment date. ``` | | Date and time | Calendar and time input combined | ``` Add a date and time field for the visitor to request a specific meeting time. ``` | | Dropdown | Single-choice selection from a list of options | ``` Add a dropdown field asking how the visitor heard about us, with options: Google, Referral, Social Media, Other. ``` | | Email | Single-line input formatted for email addresses | ``` Add an email field so we can follow up with the visitor. ``` | | Long text | Multi-line input for detailed responses | ``` Add a long text field for the visitor's message. ``` | | Name | Single-line input for collecting a visitor’s full name. | ``` Add a name field with separate inputs for the visitor’s first name and last name. ``` | | Number | Input that accepts numeric values only | ``` Add a number field asking how many guests will attend. ``` | | Phone number | Input formatted for phone numbers | ``` Add a phone number field with a country dropdown that includes country codes, plus a separate input for the rest of the number that validates the format based on the selected country. ``` | | Radio buttons | Single-choice selection displayed as visible options | ``` Add radio buttons asking the visitor's preferred contact method: Phone or Email. ``` | | Short text | Single-line input for brief answers | ``` Add a short text field for the visitor's name. ``` | | URL | Single-line input formatted for web addresses | ``` Add a URL field asking for the visitor’s website that validates a properly formatted web address. ``` | #### Removing form fields Use a direct instruction that clearly identifies the field. ``` Remove the phone number field from the contact form. ``` #### Editing field settings You can modify requirements, order, labels, and validation rules. - ##### Making a field required or optional ``` Make the email field required. ``` - ##### Changing the field label ``` Change the label of the short text field to “Company name.” ``` - ##### Reordering fields ``` Move the message field to the bottom of the form. ``` ### Customizing email notifications and next step You can also adjust the form title, automated emails, and post-submission behavior using Visual Edit. ![Left sidebar\_Forms-2](https://support.b12.io/hs-fs/hubfs/Left%20sidebar_Forms-2.gif?width=670&height=324&name=Left%20sidebar_Forms-2.gif) 1. In the AI Agent chat, click `Visual Edit`. 2. Click the form you want to edit. A pop-up appears. 3. Click `Edit form`. The left sidebar opens with editing options. You can edit the following: - **Title —** Change the title of your form. - **Automated emails to your client —** Customize the automated email your client receives after submitting the form. - - **From** — Set the sender name or email address your client will see. - **Template** — Enable or disable the email template, edit the subject line, and modify the email content. Click `Save` when done. - **Automated emails to you —** Customize the automated email you receive when a form is submitted. - - **From**, **Cc**, **Bcc** — Set the sender and any additional recipients. - **Template** — Enable or disable the email template, edit the subject line, and modify the email content. Click `Save` when done. - **Next steps —** Customize what happens after a visitor submits the form. - - **Success message** — Set the message displayed to the visitor after a successful submission. - **Next step** — Select `None` to show only the success message, or select `Redirect to a page` to send visitors to another URL. - If you select redirect, click `Add redirect`, then paste the destination URL under `Links to`. **Tip:** You can change your form’s typography. Turn on visual edit, click on the text element you want to update, and then adjust its settings in the left sidebar. For more information, [see this article](https://support.b12.io/en/left-pane-editing-in-b12-3.0#editing-text). After updating your form settings, submit a test entry to confirm everything works as expected. Check that the success message appears correctly and that both you and your client receive the automated emails. If anything looks off, return to Visual Edit and adjust your form settings as needed. ### What happens when a form is submitted When a visitor submits a form on your website, B12 handles the following automatically: - **Invisible reCAPTCHA runs in the background** to help filter out spam. Visitors won't see a challenge unless Google's systems flag the submission as suspicious. - **The submission is saved** to Form Submissions in your Dashboard. - **A new contact is created** in Contact manager if you have a Client Engagement seat and the form captures the visitor's email address. - **Notification emails are sent** to both you and the visitor (see [Understanding notification emails](https://support.b12.io/en/v3/adding-and-managing-forms#notif) below). **Note:** Invisible reCAPTCHA is automatically included on all B12 contact forms. You can set it to appear as a checkbox by going to `Settings`, then under **Google reCAPTCHA**, click `Go to settings`. Under Type, click `Checkbox`, then click `Save`. ![](https://support.b12.io/hs-fs/hubfs/image-png-Aug-19-2026-03-43-39-6626-PM.png?width=316&height=286&name=image-png-Aug-19-2026-03-43-39-6626-PM.png) ### Viewing form submissions 1. In the left sidebar menu, go to `Form Submissions`. 2. Select a submission to view the details, including the submitter's name, email address, and any other information they entered. **Note:** If a submission appears as **Anonymous**, the name and email address  fields were not correctly identified. Anonymous submissions do not generate a contact record in the Contact Manager and do not send submission confirmation emails.  You can fix ithis by prompting the AI Agent to correctly map these fields: ``` The form submissions on my [Page Name] are appearing as 'Anonymous' in the Contact Manager. Please recreate the form as a standard B12 form or update the Name and Email fields so they are correctly identified and mapped to the contact record. Ensure that every submission correctly generates a contact record in the Contact Manager. ``` ### Understanding notification emails B12 automatically sends notification emails when a form is submitted.  Two emails are sent with each submission: - **You** (the account admin) receive a copy of the submission at your B12 account email address. ![](https://support.b12.io/hs-fs/hubfs/image-png-Feb-28-2026-01-56-18-7481-AM.png?width=600&height=299&name=image-png-Feb-28-2026-01-56-18-7481-AM.png) - **The visitor** receives a confirmation email only if the form captured their email address. Anonymous submissions do not receive a confirmation. ![](https://support.b12.io/hs-fs/hubfs/image-png-Feb-28-2026-01-56-55-3069-AM.png?width=600&height=299&name=image-png-Feb-28-2026-01-56-55-3069-AM.png) **Note:** Your account admin email address will always receive form submission notifications. You can't remove this address, but you can copy other people on these emails with the **Cc** and **Bcc** fields under **Automated emails to you**. ### Current limitations Keep the following in mind when using contact forms on B12: - **File uploads are not supported.** A file upload field may be created in the editor, but it will not function on your published website. To collect files from visitors, ask the AI Agent to set up file storage with Backends. **Caution:** Do not use contact forms to collect sensitive personal information such as Social Security numbers, passwords, or financial account details. [Read more here](https://support.b12.io/en/collecting-sensitive-information-in-websites-3-0?hsLang=en). ### My form shows an error, or submissions don't arrive: - Check `Form submissions` in the left menu to see if the entry was saved. - Test the form on your published site, not the preview, after clearing your browser cache. - Ask the AI Agent: "*Make this form use B12's native form handling only*." - Add the [agent-browser skill](https://support.b12.io/en/v3/using-skills-with-the-ai-agent?hsLang=en)so the AI Agent can fill in and submit the form to test it. - Still not working? Contact support with your editor link. **Note:** If the AI Agent built a custom form, it must be connected to B12's native form or to Backends, or submissions won't be saved. ### Advanced form options If you need more flexibility, such as conditional logic, custom automation, or a different visual layout, consider adding a third-party form integration instead. For instructions, see [adding third-party form integrations](https://support.b12.io/en/integrate-3rd-party-forms?hsLang=en). - [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content) - [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction) - [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides) - [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content) - [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills) - [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content) - [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit) - [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor) - [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends) - [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions) - [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce) - [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager) - [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures) - [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing) - [Team](https://support.b12.io/en/built-in-features?hsLang=en#team) - [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics) - [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings) - [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content) - [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations) - [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content) - [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains) - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain) - [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain) - [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending) - [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing) - [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content) - [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs) - [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content) - [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password) - [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information) - [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account) - [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites) - [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user) - [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content) - [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0) - [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content) - [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content) - [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design) - [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings) - [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor) - [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo) - [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general) - [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication) - [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language) - [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce) - [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features) - [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources) - [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms) - [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling) - [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only) [![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io) © 2025 B12. All rights reserved. ×