--- title: Adding functionality to your B12 website description: Learn how to add contact forms, Commerce, eSignatures, email marketing, and third-party integrations to your B12 website. --- [Skip to content](https://support.b12.io/en/v3/adding-functionality-to-your-b12-website#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. [Getting started](https://support.b12.io/en/getting-started?hsLang=en) 3. [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides) # Adding functionality to your B12 website ## Learn how to extend your site with B12's built-in tools and third-party integrations | ![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: 02 Jul., 2026 | | --- | B12 includes built-in tools for managing contacts, collecting payments, sending contracts, marketing to clients, and more, all accessible from the left sidebar in the B12 Editor. You can also connect third-party tools and services using embed codes or integrations. This article walks you through how to set up each one. ### Contact forms Most B12 sites come with a contact form. Visitors who fill it out are stored automatically in your Form submissions and Contact manager. You can customize a form's fields, labels, and layout using Visual Edit or the AI Agent. #### Using Visual Edit: 1. In the AI Agent chat, click `Visual Edit`. 2. Click the form element you want to change. A settings panel appears in the left sidebar. 3. Edit the field labels, add or remove fields, or adjust the layout as needed. 4. Click `Save` when you're done. #### Using the AI Agent: Describe the change you want in the chat. For example: ``` Add a "Phone number" field to the contact form on my Contact page. ``` ``` Remove the "Message" field from the contact form and make "Email" required. ``` To add a new contact form to another page: ``` Add a contact form to my [page name] page. ``` #### View form submissions and contacts Form submissions stores every response submitted through your contact forms. To view them: 1. In the left sidebar, click `Form submissions`. 2. Browse, filter, or export submissions from here. New submissions are also forwarded to your account email address automatically. Contact manager is a built-in CRM that organizes the people you work with. Contacts are added automatically from form submissions, and you can also add, import, tag, and search them manually. **Note:** Contact manager requires a paid plan that includes a Client Engagement seat. [Upgrade](https://support.b12.io/en/client-engagement-and-seats?hsLang=en) or [edit your team member permissions](https://support.b12.io/en/team-member-permissions-in-b12?hsLang=en). To access it, click `Contact manager` in the left sidebar. Learn more about [managing form submissions](https://support.b12.io/en/see-your-form-submissions-in-the-contact-manager?hsLang=en) and the [Contact manager](https://support.b12.io/en/what-is-the-contact-manager?hsLang=en). ### Commerce B12 Commerce is powered by Stripe. Once you're set up, you can create working payment functionality for your website, send invoices via email, and manage payouts to your connected bank account. #### Getting started with Commerce 1. In the left sidebar, click `Commerce`. 2. [Connect your bank account](https://support.b12.io/en/adding-a-bank-account-to-the-b12-invoicing-tool?hsLang=en) to enable payouts. B12 uses Stripe to process payments — follow the onboarding flow to complete the connection. 3. Once you're connected, you can chat with the AI Agent to create payment workflows on your website. From the Commerce dashboard, you can create invoice templates, send invoices to clients, and track payment status. Learn more about [Commerce](https://support.b12.io/en/getting-started-payments-and-invoicing?hsLang=en). ### Backends Backends adds advanced functionality to your B12 site. You can add user accounts with login-gated content, store API keys for external services, and build features like AI chatbots or custom data connections through the AI Agent. #### Enable Backends 1. In the left sidebar, click `Backends`. 2. Click `Enable Backends`. 3. Once enabled, you can add user accounts, restrict pages to logged-in visitors, and store API keys for third-party integrations. Learn more about [Backends](https://support.b12.io/en/v3/adding-backend-functionality?hsLang=en). ### Email marketing Email marketing lets you send one-off or automated emails to your contacts from within B12. You can use pre-written templates, compose emails from scratch, and view delivery and engagement metrics. **Note:** Email marketing requires a paid plan that includes a Client Engagement seat. [Upgrade](https://support.b12.io/en/client-engagement-and-seats?hsLang=en) or [edit your team member permissions](https://support.b12.io/en/team-member-permissions-in-b12?hsLang=en). #### Getting started with Email marketing 1. In the left sidebar, click `Email marketing`. 2. Click `Start a new email` to start from scratch, or choose a pre-built template. 3. Add your subject line, content, and select your recipients from your Contact manager. 4. Send immediately or set to automatically send after a trigger. Learn more about [Email marketing](https://support.b12.io/en/what-is-email-marketing?hsLang=en). ### eSignatures eSignatures lets you send contracts to clients for digital signing directly from B12. You can create reusable templates, track signing status, and store completed contracts. **Note:** eSignatures requires a paid plan that includes a Client Engagement seat. [Upgrade](https://support.b12.io/en/client-engagement-and-seats?hsLang=en) or [edit your team member permissions](https://support.b12.io/en/team-member-permissions-in-b12?hsLang=en). #### Getting started with eSignatures 1. In the left sidebar, click `eSignatures`. 2. Click `New contract` to create a contract from scratch, or start from a saved template. 3. Add your recipient, write or paste your contract content, and place the signature fields. 4. Click `Send` to deliver the contract to your client for signing. Learn more about [eSignatures](https://support.b12.io/en/sending-contracts-and-collecting-esignatures?hsLang=en). ### Third-party tools Beyond B12's built-in features, you can connect almost any third-party tool to your site using embed codes, webhooks, or API keys. Common use cases include live chat widgets, scheduling tools, third-party payment buttons, social media feeds, maps, and external forms. The most common method is an embed code — a snippet of HTML provided by the third-party service. Once you have it, prompt the AI Agent to add it to your site: ``` Add a [tool name] widget to my [page name] page using this embed code: [paste your embed code here] ``` **Tip:** Almost any tool that provides an embed code or URL works with B12, even if it isn't listed in the integration guide. If the tool has an embed option, the AI Agent can add it. For routing form submissions to external services or setting up API-based integrations, see `Adding an integration to your website`. ### Frequently asked questions →Which features require a paid plan? ⇒Contact manager, eSignatures, and Email marketing require a paid plan that includes a Client Engagement seat. Commerce, Backends, and Form submissions are available on all plans, including free plans. See [Plans and pricing](https://support.b12.io/en/b12-website-subscription-plans-and-pricing?hsLang=en) for a full breakdown. →Can I use a third-party payment tool instead of Commerce? ⇒Yes. You can embed a Stripe, PayPal, Square, or other payment button directly on your site using an embed code. Use Commerce if you want invoicing and payment management built into B12. Use a third-party embed if you already have an existing payment setup you want to keep. [Learn more](https://support.b12.io/en/v3/3rd-party-payment-options-for-non-us?hsLang=en). →What's the difference between Form submissions and Contact manager? ⇒A form submission is a single response from someone who filled out a form on your site. When that happens, B12 automatically creates or updates a contact in the Contact manager. Email marketing lets you send emails to those contacts — either manually or through an automated trigger. - [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. ×