Início rápido

Este guia aborda todas as funcionalidades da vitamina B12:
- Começando — Create your account and finish the one-time setup
- Como usar o construtor de sites com IA — Generate a full multi-page site draft from a short business description
- Como usar um blog — Draft, schedule, and publish posts without leaving your dashboard
- Como usar integrações de terceiros — Connect Stripe, Calendly, Google Analytics, and Zapier to your site
- Como usar SEO na página — Fix titles, meta descriptions, and headings with guided checks
- Como usar um agente de IA — Answer visitor questions and capture leads around the clock
- Como usar o marketing por e-mail e a automação — Send campaigns and trigger follow-ups from contacts already in B12
- Como usar prompts de IA personalizáveis em sites — Rewrite any section by telling the AI exactly what to change
- Como usar o gerenciamento de contatos — Track every lead, note, and payment inside the built-in CRM
- Como usar o gerador de sites GPT — Spin up a starter site inside ChatGPT and import it into B12
Tempo necessário: 5 minutos por filme
Neste guia também: Dicas profissionais | Erros comuns | Solução de problemas | Preços | Alternativas
Por que confiar neste guia?
I’ve run B12 for eight months and tested every feature covered here. This tutorial comes from real hands-on use, not vendor screenshots.

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.
Tutorial B12
This How to Use B12 tutorial walks through every B12 feature in order, from your first login to the automação most people never switch on.
Primeiros passos com a vitamina B12
Before touching any feature, finish this one-time setup.
Leva cerca de três minutos.
Passo 1: Crie sua conta
Vá para 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.
✓ Ponto de verificação: Verifique o seu caixa de entrada para o e-mail de confirmação.
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:

✓ Ponto de verificação: 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.
✅ Concluído: Você está pronto para usar qualquer recurso abaixo.
Como usar o construtor de sites B12 AI
Construtor de Sites com IA turns one plain description of your business into a working multi-page website.
Veja como usá-lo passo a passo.
Passo 1: Descreva seu negócio
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.
Eis como isso se parece:

✓ Ponto de verificação: You should see a draft site with a home page, services page, and contact form.
Etapa 3: Editar e Publicar
Swap any text or image in the editor, then hit Publish.
Fix the homepage headline first. It carries more weight than anything below it.
✅ Resultado: You have a live, editable website built from one sentence.
💡 Dica profissional: Generate two drafts using slightly different descriptions. Keep whichever layout reads better.
How to Use B12 Blogging Tool
Blogar lets you write and ship blog posts inside the same dashboard as your site.
Veja como usá-lo passo a passo.
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.
Eis como isso se parece:

✓ Ponto de verificação: Your draft should appear in the post list marked Draft.
Etapa 3: Agendar ou Publicar
Set a publish date, or push it live straight away.
Scheduling two posts ahead keeps the blog alive during busy weeks.
✅ Resultado: A finished post sits on your site with clean formatting and internal links.
💡 Dica profissional: Write the title before the outline. The AI follows a sharp title far more closely.
Como usar as integrações de terceiros do B12
Integrações de terceiros connects your site to the outside tools you already pay for.
Veja como usá-lo passo a passo.
Passo 1: Abra as integrações
Go to Settings, then Integrations.
The list is grouped by payments, scheduling, and analytics.
Passo 2: Conecte sua ferramenta
Click Connect and sign in to the tool when prompted.
Eis como isso se parece:

✓ Ponto de verificação: The tool should show a green Connected label in the list.
Passo 3: Teste a conexão
Run one test booking or one test payment.
Refund the test payment straight away so your reportagem Permanece limpo.
✅ Resultado: Payments, bookings, and traffic dados flow into the tools you already use.
💡 Dica profissional: Connect Google Analytics first. Traffic data from week one makes later changes easier to judge.
Como usar a vitamina B12 no SEO On-Page
SEO na página walks you through the title tags, meta descriptions, and headings on every page.
Veja como usá-lo passo a passo.
Passo 1: Abra as Configurações da Página
Select a page, then click the SEO tab.
Passo 2: Escreva o título e a descrição.
Add a title tag and a meta description for that exact page.
Eis como isso se parece:

✓ Ponto de verificação: 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.
✅ Resultado: Every page carries its own title, description, and clean heading order.
💡 Dica profissional: Keep title tags under 60 characters. Anything longer gets trimmed in search results.
Como usar o agente de IA B12
Agente de IA answers visitor questions on your site and collects contact details while you sleep.
Veja como usá-lo passo a passo.
Step 1: Enable the Agent
Go to AI Agent and toggle it on.
Choose which pages it appears on.
Passo 2: Treine isso no seu negócio
Paste your service list and your most common questions.
Eis como isso se parece:

✓ Ponto de verificação: 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.
✅ Resultado: Visitors get answers at 2am and you get their email address.
💡 Dica profissional: 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.
Veja como usá-lo passo a passo.
Step 1: Pick Your Audience
Open Email, then select a contact tag or your full list.
Etapa 2: Criar a campanha
Choose a template and edit the subject line and body.
Eis como isso se parece:

✓ Ponto de verificação: 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.
✅ Resultado: New leads get a follow-up email without you touching anything.
💡 Dica profissional: Send yourself a test first. Broken merge tags are obvious in a real inbox.
Como usar os prompts personalizáveis de IA do site B12
Sugestões personalizáveis de IA para sites rewrites any block on your page based on an instruction you type yourself.
Veja como usá-lo passo a passo.
Passo 1: Selecione uma seção
Click any block, then choose Edit with AI.
Passo 2: Escreva seu tema
Say what you want changed in one direct sentence.
Eis como isso se parece:

✓ Ponto de verificação: The section should update in place while the rest of the page stays untouched.
Etapa 3: Aceitar ou Regenerar
Keep the new version, or run it again with a tighter prompt.
Two rounds is usually enough. Past that, edit the text by hand.
✅ Resultado: Your copy sounds like your business instead of a template.
💡 Dica profissional: Name your audience in the prompt. ‘Rewrite for busy dentists’ beats ‘make it better’.
How to Use B12 Contact Manager
Gestão de Contatos keeps every lead, note, invoice, and booking on one contact record.
Veja como usá-lo passo a passo.
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.
Eis como isso se parece:

✓ Ponto de verificação: 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 reunião without leaving the page.
Every action logs to the timeline, so nothing gets chased twice.
✅ Resultado: You stop losing leads in your inbox.
💡 Dica profissional: Tag by source, not by status. Source tags tell you which pages actually earn money.
Como usar o gerador de sites B12 GPT
Site Gerador GPT lets you build a starter site from inside ChatGPT, then bring it into your account.
Veja como usá-lo passo a passo.
Passo 1: Abra o GPT
Find the B12 Website Generator in the ChatGPT loja.
Step 2: Describe Your Site
Give it your business type, your city, and your main service.
Eis como isso se parece:

✓ Ponto de verificação: 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.
✅ Resultado: You go from idea to draft site without opening a builder first.
💡 Dica profissional: Ask the GPT for three homepage headline options before you import. Editing later takes longer.
Dicas e Atalhos do B12 Pro
After eight months inside the editor, these are the tips worth passing on.
Atalhos de teclado
| Ação | Atalho |
|---|---|
| Salve suas alterações | Ctrl/Cmd + S |
| Desfazer a última edição | Ctrl/Cmd + Z |
| Refazer a última edição | Ctrl/Cmd + Shift + Z |
| Insira um link | Ctrl/Cmd + K |
Características ocultas que a maioria das pessoas não percebe
- 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:

The time saved on setup was the one I felt immediately.
Erros comuns a evitar em relação à vitamina B12
Mistake #1: Publishing the First Draft Untouched
❌ Errado: Generating a site and hitting Publish within five minutes.
✅ Direita: Rewrite the homepage headline and service descriptions first. AI copy is a starting point, not finished text.
Mistake #2: Ignoring Page-Level SEO
❌ Errado: Leaving every page with the same default title tag.
✅ Direita: Give each page its own title and meta description before you announce the site.
Mistake #3: Treating the CRM as an Address Book
❌ Errado: Collecting form submissions and never tagging or following up on them.
✅ Direita: Tag every lead by source, then trigger an automatic follow-up email the same day.
Solução de problemas da vitamina B12
Problem: Your Custom Domain Won’t Connect
Causa: DNS records point somewhere else, or they haven’t propagated yet.
Consertar: Copy the exact records from Settings into your registrar. Then wait up to 48 hours before retrying.
Problem: The Generated Copy Sounds Generic
Causa: Your original business description was too short or too vague.
Consertar: Use the AI prompt tool on each section. Name your customer and your city in the instruction.
Problem: Contact Form Submissions Never Arrive
Causa: Notification emails are landing in spam, or the form is missing a recipient.
Consertar: Set a recipient address under form settings. Then submit a test and whitelist the sender.
📌 Observação: If none of these fix your issue, contact B12 support from the dashboard.
O que é a vitamina 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.
Veja esta breve visão geral:
Inclui estas características principais:
- Construtor de sites com IA: Builds pages, copy, and images from a single prompt
- Blogar: Drafting, scheduling, and publishing built into the site editor
- Integrações de terceiros: Stripe, Calendly, Google Analytics, Zapiere mais
- SEO na página: Guided checks for titles, meta descriptions, and heading structure
- Agente de IA: A chat agent that handles questions and captures leads
- Marketing por e-mail e automação: Campaigns and triggered follow-ups powered by your contact list
- Sugestões personalizáveis de IA para sites: Section-level rewrites driven by your own instructions
- Gestão de Contatos: A built-in CRM holding leads, notes, invoices, and bookings
- Gerador de sites GPT: A ChatGPT entry point that hands a draft site back to B12
For the full breakdown, see our Análise da vitamina B12.
Here’s how the dashboard is laid out:

Everything above runs from that single screen.
Preços da vitamina B12
Eis o custo da vitamina B12 em 2026:
| Plano | Preço | Ideal para |
|---|---|---|
| Básico | $ 42/mês | Solo founders launching a first site |
| Profissional | US$ 169/mês | Growing businesses using blogging and email |
| avançado | US$ 339/mês | Teams running client work and heavy automation |
Teste grátis: Yes — you can generate and preview a full site draft before paying.
Garantia de reembolso: Not advertised. Plans are monthly and cancel from billing settings.
Here’s the current plan comparison:

💰 Melhor custo-benefício: Professional — it unlocks blogging and email automation, which is where the platform earns its keep.
B12 vs. Alternativas
Como se compara a vitamina B12? Eis o panorama competitivo:
| Ferramenta | Ideal para | Preço | Avaliação |
|---|---|---|---|
| B12 | Service businesses needing site plus CRM | US$ 42/mês | ⭐ 4,5 |
| Gama | Fast decks and simple one-pagers | US$ 10/mês | ⭐ 4,6 |
| Durável | 30-second sites for local trades | US$ 15/mês | ⭐ 4,4 |
| 10Web | AI-built WordPress with hosting | US$ 20/mês | ⭐ 4,5 |
| Emoldurador | Designers que desejam controle total dos pixels | US$ 5/mês | ⭐ 4,7 |
| Dorik | Agencies reselling client sites | US$ 18/mês | ⭐ 4,5 |
| Jimdo | Small shops on a tight budget | US$ 14/mês | ⭐ 4,2 |
| Typedream | Notion-style editing for founders | US$ 15/mês | ⭐ 4,3 |
Escolhas rápidas:
- Melhor no geral: B12 — site, SEO, email, and CRM in one subscription
- Melhor orçamento: Framer — strong free tier and cheap entry plan
- Ideal para iniciantes: Durable — the shortest path from idea to live page
- Melhor opção para agências: Dorik — built around reselling and client handover
🎯 Alternativas à vitamina B12
Looking for B12 alternatives? Here are the options worth checking:
- 🎨 Gama: Best for quick decks and single-page sites built from an outline.
- ⚡ Durável: Builds a live business site in roughly 30 seconds with invoicing attached.
- 👶 Abóbora-manteiga: Simple AI site generation aimed at first-time owners with no design skills.
- 💼 Design de código: 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.
- 🚀 Construtor de Abacaxi: Lightweight AI builder with built-in blogging for small brands.
- ⭐ Emoldurador: 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.
- 🎯 Torta Apetitosa: Covers websites and mobile apps from the same no-code account.
Para ver a lista completa, consulte nosso Alternativas à vitamina B12 guia.
⚔️ Comparação da vitamina B12
Here’s how B12 stacks up head to head:
- B12 vs Gamma: Gamma wins on speed for apresentações. B12 wins whenever you need a real multi-page site.
- B12 vs Durável: Durable launches faster. B12 gives you deeper SEO controls and proper email automation.
- B12 vs Abóbora: 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 Construtor de Abacaxi: 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 Torta de Maçã: Appy Pie also builds apps. B12 stays focused and does websites noticeably better.
Comece a usar a vitamina B12 agora mesmo.
Você aprendeu a usar todos os principais recursos da vitamina B12:
- ✅ Construtor de Sites com IA
- ✅ Blogar
- ✅ Integrações de terceiros
- ✅ SEO On-Page
- ✅ Agente de IA
- ✅ Marketing por e-mail e automação
- ✅ Sugestões personalizáveis de IA para sites
- ✅ Gestão de Contatos
- ✅ Gerador de Sites GPT
Próximo passo: Escolha uma funcionalidade e experimente agora mesmo.
A maioria das pessoas começa com o Construtor de Sites com IA.
Leva menos de cinco minutos.
Perguntas frequentes
O que é 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.
O construtor de sites B12 AI é gratuito?
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.
A vitamina B12 é eficaz?
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.
O que são sites B12?
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.













