You can use the B12 Editor to edit your AI website draft and add your content and copy. The B12 Editor is also where you’ll update your website once it’s launched.

Want help? If you’re unsure how to build a website on your own, you can have one of B12’s expert designers build your website for you. Click here to schedule your design consultation call.

Before you begin

  • The B12 Editor saves all changes you make automatically, so you don’t need to worry about losing your work! 

  • If you make a mistake that you can't fix, you can even restore a previous working version of your site to undo your changes! See these instructions.

  • Use a laptop or desktop to access the B12 Editor. The B12 Editor doesn’t support editing from a phone or tablet.

Getting to know the B12 Editor

The B12 Editor has two main areas: 

The left side is your Home Menu, where you can manage and edit everything related to your B12 website. The Home Menu includes:

  1. Account - Update your account and billing information.

  2. Website - Your website's content and tools to manage your website’s style, online presence, custom domains, and more.

  3. Your business - Set your availability for appointments with customers and send email blasts to your contacts. 

  4. Need help? panel - Submit a request for an expert to build your website for you.

The right side is your website preview. It includes:

  1. Device - See how your website appears on different devices, such as desktop and mobile.

  2. Support - Click Support to view our helpful guides on how to use your B12 website and account. 

  3. Choose a plan - Select an annual or monthly subscription.

  4. Website preview - An editable preview of your site. Click anywhere in the preview to open up that section in the Edit panel.

  5. Ask for help - Open up a chat with member of our support team. 


After subscribing, Preview and Publish buttons will replace the Choose a plan button in the top-right corner.

  • Preview - Creates a link to your website that is hidden from public view. You can share this link with friends or colleagues to show them edits you’ve made without publishing these changes to your live website.

  • Publish - Makes your website preview live and findable online. Publish every time you make edits you want everyone to see.


The Edit Panel

Clicking on a section in the website preview turns your Home Menu into the Edit panel. The Edit panel is where you make edits. 

To return to your Home Menu, you can either click the Home icon ⌂ or the Back arrow in the top corner.


Expert Mode

You can enable expert mode to unlock advanced editing features. These features include additional settings knobs, layout titles, appearance options, and device views.

To enable expert mode, while on the Home Menu:

  1. Click Account

  2. In the dropdown menu, click Enable expert mode.


Understanding your website’s structure

Websites are an organized set of one or more pages. Some of these pages will be linked in your header, also known as the navigation menu, helping visitors move around your website.

Pages are made up of individual sections. You can build and organize your website by adding pages, creating sections within those pages, and then adding page links to your header.

Editing sections

Edit existing sections on your website to rewrite placeholder copy, add images, or make other changes.

To edit a section, click on it in the website preview. The Edit panel will appear on the left side.

Editing text

  1. Click the section with the text you want to edit.

  2. Edit the text in the corresponding textbox in the Edit panel.

Editing text in the textbox is similar to editing a Word doc. You can delete, replace, and style the text however you want.


Replacing images

You can upload your own images or choose from thousands of stock images in the B12 Editor.

1. Click the section with the image you want to replace.

2. In the Edit panel, under the image thumbnail, click Replace.

  • To use an image you own, click Upload media, select the image file from your computer, and click Continue.

  • To use a stock image, click Search, search for an image by subject, select an image, then click Continue.

Here are some more helpful articles to help get you started:

Adding pages and sections

Add a new section to a page

Add a new page

Add a navigation link

Changing the style of your site

Changing a section’s layout

Changing Website Theme, Colors, and Fonts.


For additional help, email hello@b12.io. 😃

Did this answer your question?