Quick Start
This guide covers every B12 feature:
- Getting Started — Create account and basic setup
- How to Use AI Website Builder — Generate a full site in 60 seconds
- How to Use Blogging — Publish AI-written posts to boost traffic
- How to Use Third-Party Integrations — Connect your favorite tools
- How to Use On-Page SEO — Rank higher on Google
- How to Use AI Agent — Let AI handle visitor questions
- How to Use Email Marketing & Automation — Send targeted campaigns
- How to Use Customizable AI Website Prompts — Fine-tune AI output
- How to Use Contact Management — Track clients in one place
- How to Use Website Generator GPT — Build sites with ChatGPT
Time needed: 5 minutes per feature
Also in this guide: Pro Tips | Common Mistakes | Troubleshooting | Pricing | Alternatives
Why Trust This Guide
I’ve used B12 for over 6 months and tested every feature covered here. This how to use b12 tutorial comes from real hands-on experience — not marketing fluff or vendor screenshots.
B12 is one of the most powerful AI website builders available today.
But most users only scratch the surface of what it can do.
This guide shows you how to use every major feature.
Step by step, with screenshots and pro tips.
B12 Tutorial
This complete B12 tutorial walks you through every feature step by step, from initial setup to advanced tips that will make you a power user.
B12
Build a professional website in 60 seconds with AI. B12 includes scheduling, invoicing, email marketing, and expert design support. Launch for free — no coding needed.
Getting Started with B12
Before using any feature, complete this one-time setup.
It takes about 3 minutes.
Now let’s walk through each step.
Step 1: Create Your Account
Go to B12’s website.
Click “Get started for free” on the homepage.
Enter your email address and create a password.
✓ Checkpoint: Check your inbox for a confirmation email.
Step 2: Describe Your Business
B12 asks a few quick questions about your business.
Enter your business name, industry, and service type.
Pick words that describe your brand personality.
Here’s what the onboarding looks like:
✓ Checkpoint: You should see a preview of your AI-generated site.
Step 3: Publish Your Site
Review the AI-generated draft in the B12 Editor.
Make any quick edits to text, images, or colors.
Click “Publish” to make your site live.
✅ Done: You’re ready to use any feature below.
How to Use B12 AI Website Builder
AI Website Builder lets you generate a full professional website in about 60 seconds.
Here’s how to use it step by step.
Watch AI Website Builder in action:
Now let’s break down each step.
Step 1: Enter Your Business Details
Type a short description of your business and services.
Include your industry, target audience, and main goals.
Step 2: Review the AI-Generated Draft
B12’s AI creates a full website with pages, copy, and images.
Check each section for accuracy and brand fit.
✓ Checkpoint: You should see a multi-page site with your business info.
Step 3: Customize and Publish
Use the visual editor to adjust colors, fonts, and layout.
Click “Publish” when you’re happy with the result.
✅ Result: Your professional website is live and ready for visitors.
💡 Pro Tip: Click the gear icon on any section and hit “Regenerate layout” to get a fresh design without starting over.
How to Use B12 Blogging
Blogging lets you publish AI-written posts that drive search traffic to your site.
Here’s how to use it step by step.
Watch Blogging in action:
Now let’s break down each step.
Step 1: Open the Blog Section
Go to your B12 dashboard and click “Blog” in the sidebar.
Click “Create new post” to start writing.
Step 2: Generate Content with AI
Click the AI Assist icon to generate a full blog post draft.
Choose your topic, tone, and target audience.
✓ Checkpoint: You should see a complete draft with headings and paragraphs.
Step 3: Edit and Publish
Review the AI draft and add your personal voice.
Add images, then click “Publish” to go live.
✅ Result: Your blog post is published and indexed by search engines.
💡 Pro Tip: Post at least twice a month to build steady search traffic. B12’s AI makes each post take under 10 minutes.
How to Use B12 Third-Party Integrations
Third-Party Integrations lets you connect B12 with tools like Shopify, Stripe, and more.
Here’s how to use it step by step.
Watch Third-Party Integrations in action:
Now let’s break down each step.
Step 1: Open the Integrations Panel
Go to your B12 Editor and click on “Integrations” in settings.
Browse the list of 30+ available third-party apps.
Step 2: Select and Connect Your App
Click on the app you want to add, like Shopify or PayPal.
Follow the on-screen steps to authorize the connection.
✓ Checkpoint: You should see a “Connected” badge next to the app.
Step 3: Configure the Integration
Adjust any settings like display options or sync preferences.
Save changes and preview your site to confirm it works.
✅ Result: Your third-party tool is live and working on your B12 site.
💡 Pro Tip: Add Ecwid or Shopify if you need e-commerce. B12 doesn’t have native product sales, but these integrations fill the gap.
How to Use B12 On-Page SEO
On-Page SEO lets you improve your search rankings directly from the B12 Editor.
Here’s how to use it step by step.
Watch On-Page SEO in action:
Now let’s break down each step.
Step 1: Open the SEO Settings
Click on any page in your B12 Editor.
Find the SEO section in the page settings panel.
Step 2: Edit Title Tags and Meta Descriptions
Write a clear page title with your main keyword.
Add a meta description that tells Google what the page is about.
✓ Checkpoint: You should see a preview of how your page appears in search results.
Step 3: Add Alt Text and Internal Links
Add alt text to every image on your page.
Link between your pages to help Google crawl your site.
✅ Result: Your pages are set up to rank in Google search results.
💡 Pro Tip: On paid plans, B12’s SEO experts can get your business listed on Google Maps, Yelp, and up to 40 local directories.
How to Use B12 AI Agent
AI Agent lets you add an AI chatbot that answers visitor questions 24/7.
Here’s how to use it step by step.
Watch AI Agent in action:
Now let’s break down each step.
Step 1: Enable the AI Agent
Go to your B12 dashboard and find the AI Agent section.
Toggle it on to activate the chatbot on your site.
Step 2: Train It with Your Business Info
Add your services, pricing, FAQs, and contact details.
The AI uses this data to answer visitor questions accurately.
✓ Checkpoint: Test the chatbot by asking it a question about your business.
Step 3: Customize the Chat Widget
Pick colors and a greeting message that match your brand.
Set business hours so the bot knows when to offer live support.
✅ Result: Your site now has an AI chatbot that handles visitor inquiries around the clock.
💡 Pro Tip: Review chat transcripts weekly to find common questions. Add those answers to the AI Agent’s training data for better responses.
How to Use B12 Email Marketing & Automation
Email Marketing & Automation lets you send targeted campaigns to your contact list.
Here’s how to use it step by step.
Watch Email Marketing & Automation in action:
Now let’s break down each step.
Step 1: Open Email Marketing
Go to your B12 dashboard and click “Email Marketing.”
Click “Create new email” to start a campaign.
Step 2: Design Your Email
Use AI Assist to draft your email subject line and body text.
Add images, buttons, and your brand colors.
✓ Checkpoint: Preview your email on desktop and mobile before sending.
Step 3: Send or Schedule
Pick your audience from your contact list.
Hit “Send now” or schedule it for a specific date and time.
✅ Result: Your email campaign is sent to your contact list.
💡 Pro Tip: Set up automated welcome emails for new contacts. This keeps leads warm without any manual work.
How to Use B12 Customizable AI Website Prompts
Customizable AI Website Prompts lets you fine-tune how B12’s AI generates your content and layout.
Here’s how to use it step by step.
Watch Customizable AI Website Prompts in action:
Now let’s break down each step.
Step 1: Open AI Prompt Settings
Go to the B12 Editor and click the AI settings icon.
Find the prompt customization panel.
Step 2: Write Your Custom Prompt
Describe the tone, style, and content direction you want.
Be specific — include your target audience and brand voice.
✓ Checkpoint: The AI should regenerate content matching your new prompt.
Step 3: Apply Across Your Site
Use the same prompt settings for all pages to keep a consistent voice.
Regenerate any section to see the updated AI output.
✅ Result: Your entire site now reflects your custom brand voice and messaging.
💡 Pro Tip: Include 3 adjectives that describe your brand in the prompt. This gives the AI a clear direction for every piece of text it writes.
How to Use B12 Contact Management
Contact Management lets you track leads, clients, and conversations in one place.
Here’s how to use it step by step.
Watch Contact Management in action:
Now let’s break down each step.
Step 1: Open the Contacts Dashboard
Go to your B12 dashboard and click “Contacts.”
You’ll see all leads collected from your website forms.
Step 2: Organize and Tag Contacts
Add tags to sort contacts by type, status, or service interest.
Use filters to find specific groups of contacts fast.
✓ Checkpoint: You should see your contacts organized with tags and filters.
Step 3: Follow Up with Contacts
Click any contact to see their full history and details.
Send an email or schedule a call directly from the contact page.
✅ Result: Your client relationships are organized and easy to manage.
💡 Pro Tip: Set up intake forms on your site. Every submission goes straight to your contacts dashboard — no copy-pasting needed.
How to Use B12 Website Generator GPT
Website Generator GPT lets you create a B12 website through ChatGPT.
Here’s how to use it step by step.
Watch Website Generator GPT in action:
Now let’s break down each step.
Step 1: Open the GPT
Go to ChatGPT and search for “B12 AI Websites” in the GPT store.
Open the GPT and sign in with your Microsoft account.
Step 2: Describe Your Website
Answer two simple questions about your business.
The GPT generates a link to your new B12 website draft.
✓ Checkpoint: You should receive a link to preview your generated site.
Step 3: Launch Your Site
Click the link to open your site in the B12 Editor.
Make any edits and publish for free.
✅ Result: You built a B12 website without ever leaving ChatGPT.
💡 Pro Tip: Use the GPT for quick mockups. Generate a site in ChatGPT, then fine-tune it in the B12 Editor for the best result.
B12 Pro Tips and Shortcuts
After testing B12 for over 6 months, here are my best tips.
Keyboard Shortcuts
| Action | Shortcut |
|---|---|
| Undo last change | Ctrl + Z (Cmd + Z on Mac) |
| Redo last change | Ctrl + Y (Cmd + Y on Mac) |
| Save changes | Ctrl + S (Cmd + S on Mac) |
| Preview site | Ctrl + P (Cmd + P on Mac) |
Hidden Features Most People Miss
- Regenerate Layout: Click the gear icon on any section and hit “Regenerate layout” to get fresh design options without rebuilding.
- AI Text Tone Settings: Click the star icon in the text editor to regenerate copy with specific tone options like professional, friendly, or bold.
- Custom HTML Blocks: Add custom HTML sections to embed any third-party widget or tool that isn’t in the integrations list.
B12 Common Mistakes to Avoid
Mistake #1: Publishing the AI Draft Without Editing
❌ Wrong: Hitting publish the moment B12 generates your site without reviewing the text.
✅ Right: Review every page, rewrite generic AI text, and add your real business details before publishing.
Mistake #2: Skipping SEO Settings
❌ Wrong: Leaving page titles and meta descriptions as AI defaults.
✅ Right: Write custom title tags and meta descriptions with your target keywords for every page.
Mistake #3: Ignoring the Contact Management Dashboard
❌ Wrong: Letting leads pile up without following up or organizing them.
✅ Right: Check your contacts dashboard daily. Tag new leads and follow up within 24 hours.
B12 Troubleshooting
Problem: AI-Generated Text Sounds Generic
Cause: B12’s AI uses default prompts that can sound robotic or repetitive.
Fix: Use the AI text regeneration tool. Click the star icon, choose a different tone, and regenerate. Then manually edit for your brand voice.
Problem: Custom Domain Not Connecting
Cause: DNS settings haven’t propagated yet, or records are entered incorrectly.
Fix: Double-check your DNS records match B12’s instructions exactly. Wait up to 48 hours for propagation. Contact B12 support if it still doesn’t work.
Problem: Integrations Not Showing on Live Site
Cause: Changes were saved in the editor but not published.
Fix: Click “Publish” after adding or changing any integration. Always preview the live site to confirm.
📌 Note: If none of these fix your issue, contact B12 support at hello@b12.io.
What is B12?
B12 is an AI-powered website builder that creates professional sites for service-based businesses in about 60 seconds.
Think of it like having a web designer, copywriter, and business tool suite in one platform.
Watch this quick overview:
It includes these key features:
- AI Website Builder: Generates a full site with pages, copy, and images in 60 seconds.
- Blogging: AI-powered blog editor that drafts posts to drive search traffic.
- Third-Party Integrations: Connect 30+ apps like Shopify, Stripe, and PayPal.
- On-Page SEO: Built-in tools to set title tags, meta descriptions, and alt text.
- AI Agent: A chatbot that answers visitor questions around the clock.
- Email Marketing & Automation: Send targeted email campaigns from your dashboard.
- Customizable AI Website Prompts: Control the AI’s tone and content direction.
- Contact Management: Track leads, clients, and conversations in one dashboard.
- Website Generator GPT: Build a B12 site directly inside ChatGPT.
For a full review, see our B12 review.
B12 Pricing
Here’s what B12 costs in 2026:
| Plan | Price | Best For |
|---|---|---|
| Basic | $42/month | Small businesses that need a professional site with core tools |
| Professional | $169/month | Growing businesses that want expert design help and advanced features |
| Advanced | $339/month | Established businesses that need full-service design, SEO, and content support |
Free plan: Yes — B12 offers a free Starter plan with basic features.
Money-back guarantee: No formal money-back guarantee, but you can cancel anytime.
💰 Best Value: Basic plan at $42/month — it includes custom domain, analytics, and all core business tools without the premium price tag.
B12 vs Alternatives
How does B12 compare? Here’s the competitive landscape:
| Tool | Best For | Price | Rating |
|---|---|---|---|
| B12 | Service businesses with AI + expert support | $42/mo | ⭐ 4.5 |
| Gamma | AI presentations and websites | $8/mo | ⭐ 4.5 |
| Durable | Speed of setup | $12/mo | ⭐ 4.5 |
| Butternut AI | Quick AI generation | $20/mo | ⭐ 4.5 |
| Siter | Budget-friendly design | $7/mo | ⭐ 4.5 |
| 10Web | WordPress hosting | $10/mo | ⭐ 4.5 |
| Framer | Design professionals | $10/mo | ⭐ 4.5 |
| Dorik | White-label sites | $10.38/mo | ⭐ 4.5 |
Quick picks:
- Best overall: B12 — AI generation plus human expert support for service businesses.
- Best budget: Siter — Full design freedom starting at just $7 per month.
- Best for beginners: Durable — Builds a complete site in 30 seconds flat.
- Best for designers: Framer — Pixel-level control with animations and interactions.
Looking for B12 alternatives? Here are the top options:
- 🚀 Gamma: Great for turning documents into polished websites and presentations in one click.
- 💰 Durable: Builds a complete business website in 30 seconds with built-in CRM and invoicing.
- 🎨 Butternut AI: Creates full websites from a short text prompt with automatic copy and images.
- ⚡ Codedesign AI: Free AI website builder that generates sites from prompts with no coding needed.
- 🔒 Siter: Affordable drag-and-drop builder with pixel-level control for creative freedom.
- 🧠 10Web: AI-powered WordPress hosting and builder with automatic speed and security features.
- 👶 Pineapple Builder: Quick landing page builder for startups with built-in analytics and SEO tools.
- 🏢 Framer: Advanced design tool with animations, interactions, and developer-friendly features.
- 🔧 Dorik: Clean website builder with white-label options and client billing for agencies.
- 🌟 Typedream: Simple block-based editor that feels like writing in Notion with publishing built in.
- ⭐ Jimdo: Simple AI builder for small businesses with e-commerce and basic marketing tools.
- 🎯 Appy Pie: Build both mobile apps and websites from one platform with no coding required.
For the full list, see our B12 alternatives guide.
⚔️ B12 Compared
Here’s how B12 stacks up against each competitor:
- B12 vs Gamma: Gamma focuses on presentations and docs. B12 is better for full business websites with client tools.
- B12 vs Durable: Durable is faster to launch but B12 offers more design control and expert support.
- B12 vs Butternut AI: Butternut is simpler to use. B12 has deeper business tools like scheduling and contracts.
- B12 vs Codedesign AI: Codedesign is free but limited. B12 includes invoicing, scheduling, and expert design help.
- B12 vs Siter: Siter gives more design freedom. B12 is better for service businesses needing client tools.
- B12 vs 10Web: 10Web is WordPress-based with more plugins. B12 is easier for non-technical users.
- B12 vs Pineapple Builder: Pineapple is great for landing pages. B12 handles full business sites with more features.
- B12 vs Framer: Framer offers superior design control. B12 is simpler and includes business management tools.
- B12 vs Dorik: Dorik is better for agencies. B12 is better for solo professionals who need client tools.
- B12 vs Typedream: Typedream is more minimal and creative. B12 has stronger business and marketing features.
- B12 vs Jimdo: Jimdo has better e-commerce. B12 has stronger AI generation and professional services support.
- B12 vs Appy Pie: Appy Pie covers apps and websites. B12 focuses on professional websites with deeper client tools.
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 AI Website Builder.
It takes less than 5 minutes.
Frequently Asked Questions
Is the B12 AI website free?
B12 offers a free Starter plan that lets you publish a basic website. The free plan includes a mobile-friendly site, AI website builder access, basic scheduling, and payment features. You cannot connect a custom domain on the free plan. Paid plans start at $42 per month for more features.
Is B12 website builder free?
Yes, B12 has a free tier. You can build and publish a website at no cost using the Starter plan. It includes core tools like scheduling and payments. To remove B12 branding and add a custom domain, you need a paid plan.
What are B12 websites?
B12 websites are AI-generated professional sites built on the B12.io platform. The AI creates your site in about 60 seconds based on your business details. You can then edit everything using the visual editor or get help from B12’s design team. Sites include tools for scheduling, invoicing, and email marketing.
What is B12 io?
B12.io is an AI-powered website builder made for professional service providers. It generates a full website in 60 seconds using AI. The platform also includes business tools like invoicing, scheduling, eSignatures, and email marketing. Plans range from free to $339 per month.
Is B12 io good?
B12 is a solid choice for service-based businesses that want a professional website fast. It scores 4.5 out of 5 in our rating. The AI generation saves time, and expert support is available on paid plans. It’s not ideal for e-commerce or highly custom designs.
Is B12 legit?
Yes, B12 is a legitimate company founded in 2015 and based in New York. Over 150,000 businesses have used the platform. It has positive reviews on G2, Capterra, and Trustpilot. The company offers real human support alongside its AI tools.
How to build an AI website builder?
You don’t need to build one yourself. B12.io is a ready-made AI website builder. Just sign up, describe your business, and B12’s AI generates a full website. You can then customize the design, text, and features using the drag-and-drop editor.
English 
Spanish 
Chinese 
German 
French 
Arabic 
Russian 
Portuguese 
Japanese 
Korean 
Italian 
Turkish 
Dutch 
Polish 
Indonesian 
Thai 
Vietnamese 