Skip to content
  • There are no suggestions because the search field is empty.

Adding a custom HTML/JavaScript code to your B12 website

Learn how to add custom functionality into your B12 website using HTML/JavaScript


Written by: Madeline B.

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
    • You can also explore online resources to find ready-made code. Platforms like CodePen offer HTML, CSS, and JavaScript snippets you can customize. On GitHub, you’ll find scripts, libraries, and templates that you can adapt for your website.

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 buttongoogle-1755631214548 in the lower right corner of your Editor to reach a live agent during support hours or email hello@b12.io!