🚀 Partnership inquiries: fahim@fahimai.com | Trusted by 250,000+ monthly readers across 17 languages 🔥

🚀 Partnership inquiries: fahim@fahimai.com

How to Use B12: Step-by-Step Guide in 2026

by | Last updated Aug 24, 2026

Quick Start

This guide covers every B12 feature:

Time needed: 5 minutes per feature

Also in this guide: Pro Tips | Common Mistakes | Troubleshooting | Pricing | Alternatives

Why Trust This Guide

I’ve run B12 for eight months and tested every feature covered here. This tutorial comes from real hands-on use, not vendor screenshots.

How to use B12

B12 is one of the fastest AI website builders available today.

But most users stop after generating their first draft.

That leaves the blogging, SEO, email, and CRM tools sitting unused.

This guide shows you how to use all nine, step by step.

B12 Tutorial

This How to Use B12 tutorial walks through every B12 feature in order, from your first login to the automation most people never switch on.

B12

Describe your business in one sentence and get a full website draft in about 60 seconds. B12 bundles blogging, on-page SEO, an AI agent, email automation, invoicing, and a built-in CRM into one dashboard. Build and preview your site before you pay anything.

Getting Started with B12

Before touching any feature, finish this one-time setup.

It takes about three minutes.

Step 1: Create Your Account

Go to b12.io and click Get Started.

Enter your email address and a password.

You’ll be asked what your business does before you reach the dashboard.

Checkpoint: Check your inbox for the confirmation email.

Step 2: Open Your Draft Site

B12 runs in the browser, so there is nothing to download.

Log in and your generated draft loads automatically.

Here’s what my own first draft looked like:

B12 AI

Checkpoint: You should land on the dashboard with a draft site listed.

Step 3: Finish Initial Setup

Upload your logo and set your brand colours under Design.

Add your business address, phone number, and working hours.

Connect a custom domain now if you already own one.

✅ Done: You’re ready to use any feature below.

How to Use B12 AI Website Builder

AI Website Builder turns one plain description of your business into a working multi-page website.

Here’s how to use it step by step.

Step 1: Describe Your Business

Open the builder and type what your business does.

Keep it to one or two plain sentences. Skip the buzzwords.

Step 2: Generate Your Draft

Click Generate and wait about 60 seconds.

Here’s what this looks like:

b12 ai website builder

Checkpoint: You should see a draft site with a home page, services page, and contact form.

Step 3: Edit and Publish

Swap any text or image in the editor, then hit Publish.

Fix the homepage headline first. It carries more weight than anything below it.

✅ Result: You have a live, editable website built from one sentence.

💡 Pro Tip: Generate two drafts using slightly different descriptions. Keep whichever layout reads better.

How to Use B12 Blogging Tool

Blogging lets you write and ship blog posts inside the same dashboard as your site.

Here’s how to use it step by step.

Step 1: Open the Blog Tab

Click Blog in the left sidebar, then New Post.

Pick a topic your customers actually search for.

Step 2: Draft Your Post

Enter a title and let the AI build an outline you can edit.

Here’s what this looks like:

b12 blogging

Checkpoint: Your draft should appear in the post list marked Draft.

Step 3: Schedule or Publish

Set a publish date, or push it live straight away.

Scheduling two posts ahead keeps the blog alive during busy weeks.

✅ Result: A finished post sits on your site with clean formatting and internal links.

💡 Pro Tip: Write the title before the outline. The AI follows a sharp title far more closely.

How to Use B12 Third-Party Integrations

Third-Party Integrations connects your site to the outside tools you already pay for.

Here’s how to use it step by step.

Step 1: Open Integrations

Go to Settings, then Integrations.

The list is grouped by payments, scheduling, and analytics.

Step 2: Connect Your Tool

Click Connect and sign in to the tool when prompted.

Here’s what this looks like:

b12 third party integrations

Checkpoint: The tool should show a green Connected label in the list.

Step 3: Test the Connection

Run one test booking or one test payment.

Refund the test payment straight away so your reporting stays clean.

✅ Result: Payments, bookings, and traffic data flow into the tools you already use.

💡 Pro Tip: Connect Google Analytics first. Traffic data from week one makes later changes easier to judge.

How to Use B12 On-Page SEO

On-Page SEO walks you through the title tags, meta descriptions, and headings on every page.

Here’s how to use it step by step.

Step 1: Open Page Settings

Select a page, then click the SEO tab.

Step 2: Write Your Title and Description

Add a title tag and a meta description for that exact page.

Here’s what this looks like:

b12 on page seo

Checkpoint: The preview snippet should show your title without a cut-off ellipsis.

Step 3: Run the Page Check

Click Check and clear anything flagged in red.

Missing alt text and duplicate H1 tags are the two most common flags.

✅ Result: Every page carries its own title, description, and clean heading order.

💡 Pro Tip: Keep title tags under 60 characters. Anything longer gets trimmed in search results.

How to Use B12 AI Agent

AI Agent answers visitor questions on your site and collects contact details while you sleep.

Here’s how to use it step by step.

Step 1: Enable the Agent

Go to AI Agent and toggle it on.

Choose which pages it appears on.

Step 2: Train It on Your Business

Paste your service list and your most common questions.

Here’s what this looks like:

b12 ai agent

Checkpoint: A chat bubble should appear on your published site.

Step 3: Set the Handoff Rule

Send anything it cannot answer to your email.

Pricing questions are worth handling yourself. Let the agent pass those straight through.

✅ Result: Visitors get answers at 2am and you get their email address.

💡 Pro Tip: Read the chat logs weekly. The questions people ask are free page ideas.

How to Use B12 Email Marketer & Automation

Email Marketing & Automation sends campaigns and automatic follow-ups to the contacts already stored in your account.

Here’s how to use it step by step.

Step 1: Pick Your Audience

Open Email, then select a contact tag or your full list.

Step 2: Build the Campaign

Choose a template and edit the subject line and body.

Here’s what this looks like:

b12 Email marketing & automation

Checkpoint: The campaign should show a recipient count before you send.

Step 3: Set the Trigger

Send now, or fire it when someone submits your contact form.

A same-day reply beats a polished one sent three days later.

✅ Result: New leads get a follow-up email without you touching anything.

💡 Pro Tip: Send yourself a test first. Broken merge tags are obvious in a real inbox.

How to Use B12 Customizable AI Website Prompts

Customizable AI Website Prompts rewrites any block on your page based on an instruction you type yourself.

Here’s how to use it step by step.

Step 1: Select a Section

Click any block, then choose Edit with AI.

Step 2: Write Your Prompt

Say what you want changed in one direct sentence.

Here’s what this looks like:

b12 Customizable AI website prompts

Checkpoint: The section should update in place while the rest of the page stays untouched.

Step 3: Accept or Regenerate

Keep the new version, or run it again with a tighter prompt.

Two rounds is usually enough. Past that, edit the text by hand.

✅ Result: Your copy sounds like your business instead of a template.

💡 Pro Tip: Name your audience in the prompt. ‘Rewrite for busy dentists’ beats ‘make it better’.

How to Use B12 Contact Manager

Contact Management keeps every lead, note, invoice, and booking on one contact record.

Here’s how to use it step by step.

Step 1: Open Contacts

Click Contacts to see everyone who filled in a form.

Step 2: Tag and Annotate

Add a tag and a short note after every conversation.

Here’s what this looks like:

b12 contact management

Checkpoint: Each contact should show its source page and the date it arrived.

Step 3: Take Action from the Record

Send an invoice or book a meeting without leaving the page.

Every action logs to the timeline, so nothing gets chased twice.

✅ Result: You stop losing leads in your inbox.

💡 Pro Tip: Tag by source, not by status. Source tags tell you which pages actually earn money.

How to Use B12 Website Generator GPT

Website Generator GPT lets you build a starter site from inside ChatGPT, then bring it into your account.

Here’s how to use it step by step.

Step 1: Open the GPT

Find the B12 Website Generator in the ChatGPT store.

Step 2: Describe Your Site

Give it your business type, your city, and your main service.

Here’s what this looks like:

b12 Website Generator GPT

Checkpoint: ChatGPT should hand back a live preview link to a draft site.

Step 3: Import and Refine

Open the link it returns and finish the site in B12.

Treat the GPT output as a rough draft. The real editing happens in the dashboard.

✅ Result: You go from idea to draft site without opening a builder first.

💡 Pro Tip: Ask the GPT for three homepage headline options before you import. Editing later takes longer.

B12 Pro Tips and Shortcuts

After eight months inside the editor, these are the tips worth passing on.

Keyboard Shortcuts

ActionShortcut
Save your changesCtrl / Cmd + S
Undo last editCtrl / Cmd + Z
Redo last editCtrl / Cmd + Shift + Z
Insert a linkCtrl / Cmd + K

Hidden Features Most People Miss

  • Duplicate any page: Right-click a page in the sidebar to clone its layout for a new service.
  • Invoicing from a contact: Open any contact record and bill them without opening a separate tool.
  • Draft versions: Publish changes only when you’re ready. The live site stays untouched while you edit.

Here are the benefits that showed up fastest for me:

b12 top benefits

The time saved on setup was the one I felt immediately.

B12 Common Mistakes to Avoid

Mistake #1: Publishing the First Draft Untouched

❌ Wrong: Generating a site and hitting Publish within five minutes.

✅ Right: Rewrite the homepage headline and service descriptions first. AI copy is a starting point, not finished text.

Mistake #2: Ignoring Page-Level SEO

❌ Wrong: Leaving every page with the same default title tag.

✅ Right: Give each page its own title and meta description before you announce the site.

Mistake #3: Treating the CRM as an Address Book

❌ Wrong: Collecting form submissions and never tagging or following up on them.

✅ Right: Tag every lead by source, then trigger an automatic follow-up email the same day.

B12 Troubleshooting

Problem: Your Custom Domain Won’t Connect

Cause: DNS records point somewhere else, or they haven’t propagated yet.

Fix: Copy the exact records from Settings into your registrar. Then wait up to 48 hours before retrying.

Problem: The Generated Copy Sounds Generic

Cause: Your original business description was too short or too vague.

Fix: Use the AI prompt tool on each section. Name your customer and your city in the instruction.

Problem: Contact Form Submissions Never Arrive

Cause: Notification emails are landing in spam, or the form is missing a recipient.

Fix: Set a recipient address under form settings. Then submit a test and whitelist the sender.

📌 Note: If none of these fix your issue, contact B12 support from the dashboard.

What is B12?

B12 is an AI website builder aimed at service businesses that need a working site fast.

Think of it as a web designer, a copywriter, and a small CRM sharing one dashboard.

Watch this quick overview:

It includes these key features:

  • AI Website Builder: Builds pages, copy, and images from a single prompt
  • Blogging: Drafting, scheduling, and publishing built into the site editor
  • Third-Party Integrations: Stripe, Calendly, Google Analytics, Zapier, and more
  • On-Page SEO: Guided checks for titles, meta descriptions, and heading structure
  • AI Agent: A chat agent that handles questions and captures leads
  • Email Marketing & Automation: Campaigns and triggered follow-ups powered by your contact list
  • Customizable AI Website Prompts: Section-level rewrites driven by your own instructions
  • Contact Management: A built-in CRM holding leads, notes, invoices, and bookings
  • Website Generator GPT: A ChatGPT entry point that hands a draft site back to B12

For the full breakdown, see our B12 review.

Here’s how the dashboard is laid out:

b12 homepage

Everything above runs from that single screen.

B12 Pricing

Here’s what B12 costs in 2026:

PlanPriceBest For
Basic$42/monthSolo founders launching a first site
Professional$169/monthGrowing businesses using blogging and email
advanced$339/monthTeams running client work and heavy automation

Free trial: Yes — you can generate and preview a full site draft before paying.

Money-back guarantee: Not advertised. Plans are monthly and cancel from billing settings.

Here’s the current plan comparison:

B12 Pricing

💰 Best Value: Professional — it unlocks blogging and email automation, which is where the platform earns its keep.

B12 vs Alternatives

How does B12 compare? Here’s the competitive landscape:

ToolBest ForPriceRating
B12Service businesses needing site plus CRM$42/mo⭐ 4.5
GammaFast decks and simple one-pagers$10/mo⭐ 4.6
Durable30-second sites for local trades$15/mo⭐ 4.4
10WebAI-built WordPress with hosting$20/mo⭐ 4.5
FramerDesigners wanting pixel control$5/mo⭐ 4.7
DorikAgencies reselling client sites$18/mo⭐ 4.5
JimdoSmall shops on a tight budget$14/mo⭐ 4.2
TypedreamNotion-style editing for founders$15/mo⭐ 4.3

Quick picks:

  • Best overall: B12 — site, SEO, email, and CRM in one subscription
  • Best budget: Framer — strong free tier and cheap entry plan
  • Best for beginners: Durable — the shortest path from idea to live page
  • Best for agencies: Dorik — built around reselling and client handover

🎯 B12 Alternatives

Looking for B12 alternatives? Here are the options worth checking:

  • 🎨 Gamma: Best for quick decks and single-page sites built from an outline.
  • Durable: Builds a live business site in roughly 30 seconds with invoicing attached.
  • 👶 Butternut: Simple AI site generation aimed at first-time owners with no design skills.
  • 💼 Codedesign: AI layouts with more control over structure and section styling.
  • 🌟 Siter: Visual canvas editor for people who want to drag every element.
  • 🔧 10Web: Generates real WordPress sites, so you keep plugins and full ownership.
  • 🚀 Pineapple Builder: Lightweight AI builder with built-in blogging for small brands.
  • Framer: Designer-grade control, animations, and the cleanest published code.
  • 🏢 Dorik: White-label plans make client resale straightforward for small agencies.
  • 📊 Typedream: Notion-style editing that suits founders writing their own copy.
  • 💰 Jimdo: Cheap plans with legal pages and basic shop tools for local businesses.
  • 🎯 Appy Pie: Covers websites and mobile apps from the same no-code account.

For the full list, see our B12 alternatives guide.

⚔️ B12 Compared

Here’s how B12 stacks up head to head:

  • B12 vs Gamma: Gamma wins on speed for presentations. B12 wins whenever you need a real multi-page site.
  • B12 vs Durable: Durable launches faster. B12 gives you deeper SEO controls and proper email automation.
  • B12 vs Butternut: Butternut is simpler to learn. B12 offers far more once your business grows.
  • B12 vs Codedesign: Codedesign gives finer layout control. B12 bundles the CRM and invoicing Codedesign lacks.
  • B12 vs Siter: Siter suits visual tinkerers. B12 suits owners who want the site written for them.
  • B12 vs 10Web: 10Web wins if you want WordPress. B12 wins if you never want to touch plugins.
  • B12 vs Pineapple Builder: Pineapple Builder is cheaper. B12 covers email, contacts, and payments in the same plan.
  • B12 vs Framer: Framer wins on design polish. B12 wins on business tools bundled behind the site.
  • B12 vs Dorik: Dorik is better for reselling. B12 is better for running your own service business.
  • B12 vs Typedream: Typedream feels nicer to write in. B12 handles lead capture and follow-up properly.
  • B12 vs Jimdo: Jimdo costs less each month. B12 replaces three separate subscriptions instead.
  • B12 vs Appy Pie: Appy Pie also builds apps. B12 stays focused and does websites noticeably better.

Start Using B12 Now

You learned how to use every major B12 feature:

  • ✅ AI Website Builder
  • ✅ Blogging
  • ✅ Third-Party Integrations
  • ✅ On-Page SEO
  • ✅ AI Agent
  • ✅ Email Marketing & Automation
  • ✅ Customizable AI Website Prompts
  • ✅ Contact Management
  • ✅ Website Generator GPT

Next step: Pick one feature and try it now.

Most people start with the AI Website Builder.

It takes less than five minutes.

Frequently Asked Questions

What is B12 io?

B12.io is an AI website builder for service businesses. It generates a full site draft from one description, then adds blogging, SEO, email, invoicing, and a built-in CRM.

Is the B12 AI website builder free?

You can generate and preview a full site draft at no cost. Publishing a live site needs a paid plan, starting at $42/month on Basic.

Is B12 legit?

Yes. B12 is an established website platform used mainly by small service firms, agencies, and consultants. It charges standard monthly subscription pricing with no long contract.

What are B12 websites?

They are AI-generated sites built around service businesses. Each one ships with service pages, contact forms, scheduling, payments, and an editor you control after launch.

Is B12 good for beginners?

Yes. The first draft arrives in about 60 seconds, and every edit happens in a visual editor. No coding or design experience is needed to publish.

Related Articles