Início rápido
Este guia abrange todos os recursos do Typedream:
- Começando — Criar conta e configuração básica
- Como usar uma ferramenta de marketing por e-mail — Send emails to contacts from your forms or an uploaded list
- Como usar análises avançadas — See which pages pull traffic and where visitors come from
- Como usar links internos entre páginas — Connect pages so visitors move through your site easily
- Como usar animações — Add motion to blocks so your page feels alive, not flat
- Como usar o CMS — Run blogs and publish content without rebuilding pages
- Como usar modelos de formulário — Collect emails or build a contact form with zero code
- Como usar uma página de destino — Build a focused page that sells your digital products
- Como usar o link na bio — Turn one social link into a hub for everything you sell
- Como usar um domínio personalizado — Connect your own domain for stronger branding and trust
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 used Typedream for eight months and tested every feature covered here.
This How to Use Typedream tutorial comes from real hands-on work, not vendor screenshots.
Typedream lets you build websites with no coding skills at all.
Most people learn the basics and stop there.
Este guia mostra como usar todas as principais funcionalidades.
Step by step, with screenshots and tips from real projects.
Tutorial do Typedream
This tutorial walks you through each feature, from your first blank page to a live launch.
Typedream
Build websites, sell digital products, and email your audience from one tool. Typedream is an all-in-one tool for running your digital creator negócios. Start free, no computer skills required.
Primeiros passos com o Typedream
Antes de usar qualquer recurso, conclua esta configuração única.
Leva cerca de três minutos.
Passo 1: Crie sua conta
Go to the Typedream website and click Sign Up.
You can sign up with your Google account or create a new one.
✓ Ponto de verificação: Verifique o seu caixa de entrada para um e-mail de confirmação.
Passo 2: Abra o Painel de Controle
Typedream runs in your browser, so no download is needed on any computer.
Log in and the dashboard loads straight away.
Here’s what it looks like:
✓ Ponto de verificação: You should see tabs for each type of content plus settings.
Etapa 3: Crie seu primeiro site
Click the plus sign to create a new site from a template or from scratch.
Name it, then open the editor.
✅ Concluído: Você está pronto para usar qualquer recurso abaixo.
Como usar a ferramenta de marketing por e-mail Typedream
Ferramenta de marketing por e-mail lets you talk to the people who already said yes to hearing from you.
Veja como usá-lo passo a passo.
Step 1: Open the Emails Tab
Head to your dashboard and click the Emails tab.
Every contact from your forms already sits here.
Step 2: Write Your Message
Click create, then type your subject line and body.
Eis como isso se parece:
✓ Ponto de verificação: Your contact count shows above the editor.
Step 3: Send or Schedule It
Pick a send time, or hit send now.
✅ Resultado: Your list gets your message without a separate email service.
💡 Dica profissional: Send a test to yourself first and check how it reads on a phone.
Como usar o Typedream Advanced Analytics
Análises Avançadas lets you understand what people actually do on your typedream website.
Veja como usá-lo passo a passo.
Passo 1: Abra as Configurações do Site
Click site settings from the dashboard.
Scroll to the analytics area.
Step 2: Connect Your Tracking
Paste your analytics ID into the field and save.
Eis como isso se parece:
✓ Ponto de verificação: Data starts showing within 24 hours of your first visit.
Step 3: Read the Numbers Weekly
Check views, sources, and top pages every Monday.
✅ Resultado: You know which page earns traffic and which one needs work.
💡 Dica profissional: Watch your top three pages only. Chasing every number wastes your week.
How to Use Typedream Internal Page Linker
Linkagem interna de páginas lets you guide readers from one page to the next.
Veja como usá-lo passo a passo.
Passo 1: Selecione o seu texto
Select the words you want to turn into a link.
Passo 2: Adicione o link
Click the link icon, then pick a page from the list.
You can also paste an outside URL here.
Eis como isso se parece:
✓ Ponto de verificação: Linked texts show underlined in the editor.
Step 3: Check Every Link
Preview the page and click each link once.
✅ Resultado: Readers reach your landing page in one click from any blog post.
💡 Dica profissional: Link with real words, not “click here.” Search engines read that anchor text.
Como usar animações do Typedream
Animações lets you add subtle motion to any block on the page.
Veja como usá-lo passo a passo.
Passo 1: Selecione um bloco
Click the block you want to animate.
Step 2: Choose an Effect
Open the style panel and pick a fade or slide.
Keep the timing short.
Eis como isso se parece:
✓ Ponto de verificação: The block moves once when it enters the screen.
Step 3: Preview on Each Device
Switch to mobile preview and watch it play.
✅ Resultado: Your hero section draws the eye without slowing the page down.
💡 Dica profissional: Animate two or three elements per page. More than that feels cheap.
Como usar o Typedream CMS
CMS lets you run a blog and share content your audience keeps coming back for.
Veja como usá-lo passo a passo.
Passo 1: Criar uma coleção
Click the plus sign and choose a CMS collection.
Step 2: Add Your Posts
Fill in the title, cover, and body for each entry.
Every post reuses the same design.
Eis como isso se parece:
✓ Ponto de verificação: Your posts appear as a list on the blog page.
Step 3: Publish the Blog
Connect the collection to a page and publish.
✅ Resultado: New blogs go live in minutes with no design work.
💡 Dica profissional: Draft posts inside the CMS. Google never sees them until you publish.
Como usar os modelos de formulário do Typedream
Modelos de formulários lets you collect emails or set up contact forms in a couple of minutes.
Veja como usá-lo passo a passo.
Step 1: Insert a Form Block
Add the block by clicking the plus sign and picking forms.
Passo 2: Escolha um modelo
Choose a signup or contact layout from the templates.
Rename the fields to match your voz.
Eis como isso se parece:
✓ Ponto de verificação: A test submission shows up in your contacts tab.
Step 3: Connect Your List
Send new entries straight into your email contacts.
✅ Resultado: Readers who subscribe land in your mailing list automatically.
💡 Dica profissional: Ask for the email only. Each extra field drops your signup rate.
Como usar a página de destino do Typedream
Página inicial lets you build a page built around one offer and one action.
Veja como usá-lo passo a passo.
Step 1: Start From a Template
Open templates and pick a landing page layout.
You can start from a blank page instead.
Step 2: Add Your Offer
Write the headline, benefits, and price in the blocks.
Eis como isso se parece:
✓ Ponto de verificação: The checkout button opens a working payment screen.
Step 3: Add Checkout Buttons
Drop a checkout block in and connect your payment account.
✅ Resultado: You can sell digital products from a live page today.
💡 Dica profissional: Put one button above the fold and repeat it at the bottom.
Como usar o link do Typedream na bio
Link na bio lets you turn a single social link into a hub for your whole business.
Veja como usá-lo passo a passo.
Step 1: Create the Bio Page
Pick a link in bio template from the dashboard.
Passo 2: Adicione seus links
Add buttons for your shop, blogs, and booking page.
Reorder them by dragging.
Eis como isso se parece:
✓ Ponto de verificação: Each button opens the right page on a phone.
Step 3: Copy and Share It
Copy the URL into your social bios.
✅ Resultado: Followers reach every offer you have from one simple link.
💡 Dica profissional: Put your paid offer first. Most people never scroll past three buttons.
Como usar um domínio personalizado do Typedream
Domínio personalizado lets you swap the free subdomain for a name people remember.
Veja como usá-lo passo a passo.
Step 1: Pick Your Domain
Buy a domain from any registrar you already use.
Step 2: Add It in Site Settings
Open site settings and paste your domain name.
Typedream shows the exact records you need.
Eis como isso se parece:
✓ Ponto de verificação: The domain shows a green connected label.
Step 3: Update the DNS Records
Copy those records into your registrar and save.
Ensure every value matches before you close the tab.
✅ Resultado: Your site loads on your own domain within an hour.
💡 Dica profissional: Custom domains lift trust fast. Buyers judge a free subdomain in seconds.
Dicas e Atalhos do Typedream Pro
After eight months in the editor, here are the tips that saved me the most time.
Atalhos de teclado
| Ação | Atalho |
|---|---|
| Add a new block | / |
| Copiar um bloco | Ctrl/Cmd + D |
| Desfazer uma alteração | Ctrl/Cmd + Z |
| Preview the page | Ctrl/Cmd + P |
Here are the wins most people miss:
Características ocultas que a maioria das pessoas não percebe
- Pré-visualização para dispositivos móveis: Switch device views in the editor to check your layout on phones before you launch.
- Design panel: Click Design or Style to change fonts and colors across the whole site at once.
- SEO fields: Add clear titles, descriptions, and meta tags to optimize each page for search.
- Integrações: Connect form builders, email marketing services, and analytics platforms from site settings.
Erros comuns a evitar no Typedream
Mistake #1: Uploading Huge Pictures
❌ Errado: You upload full-size images straight from your camera roll.
✅ Direita: Resize pictures before you upload them to keep the site fast.
Mistake #2: Dragging Blocks Around Too Much
❌ Errado: You keep dragging blocks until the layout breaks on mobile.
✅ Direita: Move one block, check the mobile preview, then move the next.
Mistake #3: Skipping the Custom Domain
❌ Errado: You launch a business site on the free subdomain and hope nobody notices.
✅ Direita: Connect a custom domain before launch for branding that looks professional.
Solução de problemas do Typedream
Problem: Pictures Don’t Show Up
Causa: The picture file is too big or the wrong type.
Consertar: Resize the images, save them as JPG or PNG, then upload again.
Problem: The Layout Looks Broken
Causa: Blocks got moved around too many times in one session.
Consertar: Undo your recent moves, then rebuild that section on a blank page.
Problem: A Change Won’t Save
Causa: The editor lost its connection mid-edit.
Consertar: Refresh the page, then make the change again and watch for the saved label.
📌 Observação: If none of these help, open the Typedream help center.
It holds articles, videos, and tutorials, plus resources for every feature in this guide.
O que é Typedream?
Typedream is a website builder that lets anyone build websites without code.
Think of it like a document editor that happens to publish live pages.
Veja esta breve visão geral:
Inclui estas características principais:
- Ferramenta de marketing por e-mail: Email everyone who signed up through your forms or uploaded mailing lists
- Análises avançadas: See which pages pull traffic and where your visitors come from
- Links internos entre páginas: Connect pages so visitors move through your site without getting stuck
- Animações: Add motion to any block so your page feels alive instead of flat
- CMS: Run blogs and publish content from one place instead of rebuilding pages
- Modelos de formulário: Collect emails or build a contact form without touching a single line of code
- Página inicial: Build a focused page that helps you sell online without a developer
- Link na bio: Turn one social link into a hub for everything you sell and publish
- Domínio personalizado: Connect your own name to the site for real branding and professional trust
Para uma análise completa, consulte nosso artigo. Análise do Typedream.
Preços do Typedream
Eis o preço do Typedream em 2026:
| Plano | Preço | Ideal para |
|---|---|---|
| Livre | Livre | Testing the editor and building one small site |
| Lançar | US$ 15/mês | Creators launching a real site on a custom domain |
| Crescer | $ 42/mês | Businesses selling digital products at higher volume |
Teste grátis: Yes. The free plan runs with no time limit and no card.
Garantia de reembolso: Refunds are handled case by case by support.
Here’s how the plans compare:
💰 Melhor custo-benefício: Launch at $15/month — custom domains and selling, at the lowest paid tier.
Typedream vs Alternativas
How does Typedream compare? Here’s the landscape:
| Ferramenta | Ideal para | Preço | Avaliação |
|---|---|---|---|
| Typedream | Creators who sell online | US$ 15/mês | ⭐ 3,5 |
| Gama | Turns a prompt into slides, docs, and | US$ 8/mês | ⭐ 4,5 |
| Durável | Builds a service business site in abou | US$ 12/mês | ⭐ 4,5 |
| Butternut ai | Generates a full multi-page site from | US$ 20/mês | ⭐ 4,5 |
| Codedesign AI | AI site builder with clean exportable | Personalizado | ⭐ 4,5 |
| Siter | Free-canvas editor for designers who w | $7/mês | ⭐ 4,5 |
| 10Web | AI WordPress builder with hosting, spe | US$ 10/mês | ⭐ 4,5 |
| Construtor de abacaxi | Beginner-friendly AI builder that writ | US$ 12/mês | ⭐ 4,5 |
| Emoldurador | Design-grade builder with deep animati | US$ 10/mês | ⭐ 4,5 |
| Dorik | Clean drag builder with white-label op | US$ 10,38/mês | ⭐ 4,5 |
| Jimdo | Long-running builder with store featur | US$ 11/mês | ⭐ 3,5 |
| B12 | AI draft plus human designers, built f | US$ 42/mês | ⭐ 4,5 |
| Torta Apetitosa | No-code suite covering websites, apps, | US$ 16/mês | ⭐ 3,5 |
Escolhas rápidas:
- Melhor no geral: Framer — deepest design control with a real CMS behind it.
- Melhor orçamento: Siter — paid design work starts at seven dollars a month.
- Ideal para iniciantes: Typedream — the editor works like typing a document.
- Best for selling digital products: Typedream — checkout, forms, and email in one account.
🎯 Alternativas ao Typedream
Procurando alternativas ao Typedream? Aqui estão as melhores opções:
- 🚀 Gama: Turns a prompt into slides, docs, and sites fast. Great when you want a first draft in minutes.
- ⚡ Durável: Builds a service business site in about a minute, with invoicing and CRM bundled in.
- 🧠 Butternut ai: Generates a full multi-page site from a short business description, then lets you edit it.
- 🔧 Codedesign ai: AI site builder with clean exportable code, aimed at people who want to own the output.
- 🎨 Siter: Free-canvas editor for designers who want pixel control without writing anything.
- 🏢 10Web: AI WordPress builder with hosting, speed tuning, and full plugin access behind it.
- 👶 Pineapple builder: Beginner-friendly AI builder that writes copy and images alongside the layout.
- 🌟 Emoldurador: Design-grade builder with deep animations and a real CMS for polished marketing sites.
- 💼 Dorik: Clean drag builder with white-label options, popular with small agencies and freelancers.
- 🛒 Jimdo: Long-running builder with store features and legal text tools for small shops.
- 🔒 B12: AI draft plus human designers, built for law, finance, and other client-heavy services.
- 📊 Torta Apetitosa: No-code suite covering websites, apps, chatbots, and automation from one account.
Para ver a lista completa, consulte nosso Alternativas ao Typedream guia.
⚔️ Typedream Comparado
Veja como o Typedream se compara a cada concorrente:
- Typedream vs Gamma: Gamma wins on speed from a prompt. Typedream wins when you need checkout pages and email in one place.
- Typedream vs Durável: Durable suits local services. Typedream suits creators who sell digital products directly.
- Typedream vs Butternut IA: Butternut generates more pages upfront. Typedream gives you tighter control over design and selling.
- Typedream vs Codedesign IA: CodeDesign fits developers who want code. Typedream fits creators who never want to see code.
- Typedream vs Siter: Siter offers freer canvas design. Typedream offers built-in payments, forms, and email marketing.
- Typedream vs 10Web: 10Web gives you the WordPress plugin library. Typedream gives you far simpler day-to-day work.
- Typedream vs Pineapple builder: Pineapple helps more with copywriting. Typedream is stronger for selling and audience building.
- Typedream vs Framer: Framer wins on design range and animations. Typedream wins on simplicity and time to launch.
- Typedream vs Dorik: Dorik is better for client work and white labeling. Typedream is better for your own creator business.
- Typedream vs Jimdo: Jimdo handles physical stores better. Typedream handles digital products and link in bio better.
- Typedream vs B12: B12 adds human designers at a higher price. Typedream costs far less and stays fully self-serve.
- Typedream vs. Appy Pie: Appy Pie covers apps and chatbots too. Typedream stays focused on websites that sell.
Comece a usar o Typedream agora mesmo
Você aprendeu a usar todos os principais recursos do Typedream:
- ✅ Ferramenta de Marketing por E-mail
- ✅ Análises Avançadas
- ✅ Links internos entre páginas
- ✅ Animações
- ✅ CMS
- ✅ Modelos de formulário
- ✅ Página de destino
- ✅ Link na bio
- ✅ Domínio personalizado
My conclusion after eight months: Typedream wins on simplicity, not on design depth.
The workflow is straightforward enough that you learn it in an afternoon.
Próximo passo: Escolha uma funcionalidade e experimente agora mesmo.
Most people start with the Landing Page.
It takes less than five minutes to build one.
Perguntas frequentes
Para que serve o Typedream?
Typedream is used to build websites, landing pages, and link in bio pages. Creators also use it to sell digital products, run blogs, and email their audience.
Typedream é bom?
Typedream is good for creators who want simplicity over control. The editor is easy and fast, though designers may find the styling options tighter than Framer or Siter.
O Typedream oferece um período de teste gratuito?
Yes. Typedream has a free plan with no time limit and no card required. Paid plans start at $15 per month for the Launch tier.
Posso vender produtos no Typedream?
Yes. You can build checkout pages and accept payments for digital products. Typedream also handles landing pages and link in bio pages to help you sell more.
O Typedream é bom para SEO?
Typedream covers the basics well. You can add clear titles, descriptions, and meta tags, and every site is responsive on mobile dispositivos by default.
English 
Spanish 
Chinese 
German 
French 
Arabic 
Russian 
Portuguese 
Japanese 
Korean 
Italian 
Turkish 
Dutch 
Polish 
Indonesian 
Thai 
Vietnamese 