Adding a custom HTML/JavaScript code to your B12 website
Learn how to add custom functionality into your B12 website using HTML/JavaScript
Last updated: 20th Aug. 2025 |
What is custom HTML/JavaScript?
Custom HTML and JavaScript are coding languages that let you extend your website beyond standard features. HTML defines a page's structure, while JavaScript adds interactivity and dynamic behavior.
By embedding custom code in your B12 website, you can create unique functionality and designs that go beyond the built-in options.
How to acquire custom HTML/JavaScript embed code
Note: Adding custom code can potentially affect your website's overall performance. Make sure you're comfortable with the code you're adding and test it thoroughly before publishing.
There are several ways to acquire custom HTML/JavaScript code:
- Hire a web developer
- You can work with freelance developers through platforms like Upwork or Fiverr to create custom code tailored to your needs. For more complex projects, consider partnering with a web development agency that offers full teams and ongoing support.
- Use online code libraries and templates
How to add custom HTML/JavaScript embed code to your B12 website
1. Log in to your B12 editor
2. In the left sidebar, click Website
3. In the left sidebar menu, click your name and choose Enable expert mode
4. Confirm by selecting Yes, continue
5. Open the Pages
menu and select the page you want to edit (e.g., Home, About, Services)
6. Choose the section you want to modify
7. In the left sidebar, under Appearance
> Layout
, select Customize it manually
8. In the layout tree, select the component (e.g., Row 1, Column 1).
9. Click Customize this component
10. In the Component HTML box, review or edit the code.
Note: To view all lines of code, click the Wrap text option in the bottom right corner. You can also consider copying the original code to a text editor like Notepad.
11. Once done, click Save
. Your updates will appear in the editor.
If you are not comfortable editing code, consider using B12’s built-in features or supported third-party integrations instead.
Get in touch with support for further assistance!
If you need further assistance with the B12 editor, feel free to use the Chat button in the lower right corner of your Editor to reach a live agent during support hours or email hello@b12.io!