--- title: Editing the source code of a section [B12 2.0] description: Follow these instructions to view or edit the source code for an individual section. --- [Skip to content](https://support.b12.io/en/v2/accessing-the-source-code-of-a-section-on-your-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. [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en) 3. [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only) # Editing the source code of a section \[B12 2.0\] ## Learn how to manually customize section code using Expert Mode in the B12 editor. | ![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: 29 Dec. 2025 | | This feature requires the **Basic** Subscription or above. View plans and pricing [here](https://www.b12.io/pricing/). | | --- | --- | --- | ### Please proceed with caution. **These instructions are for users with advanced knowledge of HTML, JavaScript, and CSS code only.** Editing HTML and JavaScript code can cause errors and customizing section code may keep your website from updating to new versions in the future. If you make any unwanted changes, you can restore your site to a previous version by following [these instructions](https://support.b12.io/en/articles/1506628-restoring-your-website-to-undo-changes?hsLang=en). ### Editing section code 1\. Enable [expert mode](https://support.b12.io/en/articles/1816167-how-to-enable-expert-mode?hsLang=en). 2\. Go to ` Website` **\>** `Pages`, then select the page and section you would like to access. 3\. Scroll to **Layout**, then click `customize it manually`. ![](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio198739802957f5b59a787e0c9459428a7image1+(2)-1.jpg?width=250&height=269&name=downloads.intercomcdn.comio198739802957f5b59a787e0c9459428a7image1+(2)-1.jpg) 4\. In the layout tree that appears, click the corresponding component under a column. The corresponding component will have a different title. ![](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio198741175c1766805e5c0d3f284d66527image2+(1)-1.jpg?width=250&height=191&name=downloads.intercomcdn.comio198741175c1766805e5c0d3f284d66527image2+(1)-1.jpg) 5\. Click `Customize this component`. 6\. The Component HTML box will open. Review or edit the code as needed. **Tips:** - Click the **Wrap text** option in the bottom right to see all lines' information. - Consider copying the original code into a text editing program like Notepad or TextEdit to use as a backup or reference easily. ![](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio1987463899bca0c526b917b87488c8001image4+(1)-1.jpg?width=670&height=241&name=downloads.intercomcdn.comio1987463899bca0c526b917b87488c8001image4+(1)-1.jpg) 7\. Click`Save`after making any changes. Your code should take effect and be visible in the website editor. ![](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio198895814f2eca100ccb9425b3d270b73image6-1.jpg?width=670&height=237&name=downloads.intercomcdn.comio198895814f2eca100ccb9425b3d270b73image6-1.jpg) - [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. ×