--- title: Adding integrations to individual collection items [B12 2.0] description: Learn how to add an integration code to individual items, like products, services, or blog posts, within a section. --- [Skip to content](https://support.b12.io/en/v2/adding-integrations-to-individual-collection-items#main-content) [![2026 B12 company logo.](https://support.b12.io/hubfs/B12_logo.svg)](https://support.b12.io/en?hsLang=en) - [B12 Website](https://www.b12.io/) - Products Show submenu for Products - Sites Show submenu for Sites - [AI builder](https://www.b12.io/ai-website-builder) - [Backends](https://www.b12.io/backends) - Client engagement Show submenu for Client engagement - [Client intake forms](https://www.b12.io/client-intake-forms) - [Contact manager](https://www.b12.io/contact-manager) - [Templates](https://www.b12.io/ai-website-prompt-gallery) - Resources Show submenu for Resources - [Resource center](https://www.b12.io/resource-center) - [Case studies](https://www.b12.io/case-studies) - [Pricing](https://www.b12.io/pricing) - [Log in](https://b12.io/dashboard/) Open main navigation Close main navigation - [B12 Website](https://www.b12.io/) - Products Show submenu for Products - Sites Show submenu for Sites - [AI builder](https://www.b12.io/ai-website-builder) - [Backends](https://www.b12.io/backends) - Client engagement Show submenu for Client engagement - [Client intake forms](https://www.b12.io/client-intake-forms) - [Contact manager](https://www.b12.io/contact-manager) - [Templates](https://www.b12.io/ai-website-prompt-gallery) - Resources Show submenu for Resources - [Resource center](https://www.b12.io/resource-center) - [Case studies](https://www.b12.io/case-studies) - [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. [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en) 3. [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general) # Adding integrations to individual collection items \[B12 2.0\] ## Learn how to add an integration code to individual items, like products, services, or blog posts, within a section. | ![jay\_d2-1572877644-modified](https://support.b12.io/hs-fs/hubfs/jay_d2-1572877644-modified.png?width=60&height=60&name=jay_d2-1572877644-modified.png) Written by: Jay Douglas Last updated: 30 Oct., 2025 | | --- | Adding integrations to individual collection items lets you embed tools or scripts that enhance each item’s functionality—for example, adding scheduling buttons, payment widgets, or tracking scripts. This guide will help you connect your integrations correctly so they display properly on your site. **Important:** Your section layout must support integrations to display them on your site. You may need to [change your section layout](https://support.b12.io/en/articles/1723758-changing-section-layout?hsLang=en) or [add a new section](https://support.b12.io/en/articles/5063771-adding-a-new-section-to-a-page?hsLang=en) before following these steps. When selecting a layout, use the `Features` dropdown to view layouts that support integrations. ![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-30-2025-03-31-33-2417-PM.png?width=250&height=271&name=image-png-Oct-30-2025-03-31-33-2417-PM.png) Adding an integration to a collection item 1\. In the section where you plan to add your integration, click `Add new [collection item]`. *Examples: Products, Services, Menu items* ![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-30-2025-03-37-32-6485-PM.png?width=250&height=277&name=image-png-Oct-30-2025-03-37-32-6485-PM.png) 2\. Click `add and edit manually` under **Add product**. ![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-30-2025-03-39-15-3442-PM.png?width=250&height=389&name=image-png-Oct-30-2025-03-39-15-3442-PM.png) 3\. Enter key details for your item, such as a title, description, or image. ![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-30-2025-03-40-13-2887-PM.png?width=250&height=476&name=image-png-Oct-30-2025-03-40-13-2887-PM.png) 4\. Click the `Integration` field. ![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-30-2025-03-41-59-4190-PM.png?width=250&height=489&name=image-png-Oct-30-2025-03-41-59-4190-PM.png) **Tip:** If you do not see an integration field for your collection item, click `Show additional fields` under **Other** and choose `Integration` from the dropdown. 5\. Paste your integration code in the code box and click `Add item`. ![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-30-2025-03-43-06-0394-PM.png?width=250&height=489&name=image-png-Oct-30-2025-03-43-06-0394-PM.png) 6\. Add any remaining information for your item, then click `Add item` again to save. ![](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio267849403e3ea44dc1c12bc043a3af31dimage.png?width=250&height=319&name=downloads.intercomcdn.comio267849403e3ea44dc1c12bc043a3af31dimage.png) Your new item and integration will be added to your section. 7\. Click [`Preview` or `Publish`](https://support.b12.io/en/articles/705658-previewing-and-publishing-your-website?hsLang=en) to make your updates live. #### ![](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio267850352bb2c14328ef092073d205806image.png?width=450&height=300&name=downloads.intercomcdn.comio267850352bb2c14328ef092073d205806image.png)See also: - [Adding an integration section](https://support.b12.io/en/articles/1658662-how-to-add-an-integration-or-html-code?hsLang=en) - [Integrations FAQ](https://support.b12.io/en/articles/2481107-integrations-faq?hsLang=en) - [Adding PayPal Buttons](https://support.b12.io/en/articles/1373743-adding-a-paypal-button-to-your-website?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) - [Scheduling & Productivity Integrations](https://support.b12.io/en/adding-functionality?hsLang=en#scheduling-productivity-integrations) - [Multimedia Integrations](https://support.b12.io/en/adding-functionality?hsLang=en#multimedia-integrations) - [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content) - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain) - [Domains FAQ](https://support.b12.io/en/publishing-growing?hsLang=en#domains-faq) - [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. ×