All Collections
Using the B12 Editor
Pages and Sections
Accessing the source code of a section on your website
Accessing the source code of a section on your website

Follow these instructions to view or edit the source code for an individual section.

Jay Douglas avatar
Written by Jay Douglas
Updated over a week ago

*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.

2. Under Pages, select the page, then select section you would like to access.

3. In the left pane below the Change layout button, click the text customize it manually.

4. In the layout tree that appears, click the corresponding component under a column.
(The corresponding component will have a different title.)

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.

8. Click Save after making any changes and your code should take effect and be visible in the website editor.

Did this answer your question?