--- 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) ![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. [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) - [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. ×