You can use the B12 Editor to edit your AI 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 designers build your website for you. Click here to schedule your demo 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:
Your name - Update your account and billing information.
Your business - Access tools like your Contact Manager, Invoicing, Scheduling, Email Marketing, and more!
Your website - Your website's content and tools to manage your website’s style, online presence, custom domains, and more.
The right side shows your Dashboard, with next steps you can take and tips for completing your website.
Once you click Website, then Pages in the left menu under Your website, the right side will display your website preview. It includes:
Device - See how your website appears on different devices, such as desktop and mobile.
Support - Click Support to view our helpful guides on how to use your B12 website and account.
Choose a plan - Select an annual or monthly subscription.
Website preview - An editable preview of your site. Click anywhere in the preview to open up that section in the Edit panel.
Ask for help - Open up a chat with a 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.
Editing Your Website
Click Website, then Pages from your Home menu to begin making changes to your site.
Editing Pane
Under Pages, the home menu on the left becomes the Editing pane. The Editing pane is where you make all changes to your site.
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:
Click Account.
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
Click the section with the text you want to edit.
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
For additional help, email hello@b12.io. 😃