Quick Start

This guide covers every Typedream feature:
- Getting Started — Create account and basic setup
- How to Use Email Marketing Tool — Build your subscriber list and send campaigns
- How to Use Advanced Analytics — Track visitor behavior and site performance
- How to Use Internal Page Linking — Connect pages for better navigation
- How to Use Animations — Add motion effects to engage visitors
- How to Use CMS — Manage blogs and dynamic content
- How to Use Form Templates — Collect leads and gather feedback
- How to Use Landing Page — Create high-converting pages
- How to Use Link in Bio — Consolidate your online presence
Time needed: 5 minutes per feature
Also in this guide: Pro Tips | Common Mistakes | Troubleshooting | Pricing | Alternatives
Why Trust This Guide
I have used Typedream for over six months and tested every feature covered here. This how to Use Typedream tutorial comes from real hands-on experience — not marketing fluff or vendor screenshots.

Typedream is one of the most powerful no-code 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.
Typedream Tutorial
This complete Typedream tutorial walks you through every feature step by step, from initial setup to advanced tips that will make you a power user.

Typedream
Build beautiful websites without code using Typedream’s Notion-like editor. Create landing pages, sell digital products, and grow your email list — all in one platform. Start free today.
Getting Started with Typedream
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 Typedream’s website at typedream.com.
Click “Start for Free” in the top right corner.
Sign up using your Google account or create a new one with email.
✓ Checkpoint: You should see the Typedream dashboard after signing in.
Step 2: Access Your Dashboard
The dashboard is your home base where all your websites live.
Click “Create New Site” to start building.
Here’s what the dashboard looks like:

✓ Checkpoint: You should see the site creation options.
Step 3: Complete Initial Setup
Choose to start from a template or create a blank page.
Name your site and select your preferred layout.
The block-based editor will open automatically.
✅ Done: You’re ready to use any feature below.
How to Use Typedream Email Marketing Tool
Email Marketing Tool lets you send campaigns directly to your subscribers without third-party software.
Here’s how to use it step by step.
Watch Email Marketing Tool in action:

Now let’s break down each step.
Step 1: Access Email Marketing
Open your Typedream dashboard and click on “Emails” in the sidebar.
This section manages all your email campaigns and subscriber lists.
Step 2: Create Your First Campaign
Click “New Campaign” and enter your email subject line.
Here’s what this looks like:

✓ Checkpoint: You should see the email composer open.
Step 3: Send Your Campaign
Write your email content using the block editor.
Select your recipient list and click “Send” or schedule for later.
✅ Result: Your campaign is sent to all subscribers on your list.
💡 Pro Tip: Segment your list by tagging subscribers during form signup to send targeted campaigns.
How to Use Typedream Advanced Analytics
Advanced Analytics lets you track visitor behavior and understand how people interact with your site.
Here’s how to use it step by step.
Watch Advanced Analytics in action:

Now let’s break down each step.
Step 1: Open Site Analytics
Go to your site settings and click on “Analytics” in the menu.
Analytics are available on Launch and Grow plans.
Step 2: Review Traffic Data
View your page views, unique visitors, and traffic sources.
Filter by date range to see trends over time.
✓ Checkpoint: You should see a graph showing visitor trends.
Step 3: Identify Top Pages
Scroll down to see which pages get the most traffic.
Use this data to decide what content to create next.
✅ Result: You understand exactly how visitors use your site.
💡 Pro Tip: Connect Google Analytics for deeper insights using the code injection feature.
How to Use Typedream Internal Page Linking
Internal Page Linking lets you connect different parts of your site for better navigation and SEO.
Here’s how to use it step by step.
Watch Internal Page Linking in action:
Now let’s break down each step.
Step 1: Select Your Text
Highlight the text you want to turn into a link.
The formatting toolbar will appear above your selection.
Step 2: Add the Link
Click the link icon in the toolbar.
Type the name of your internal page or paste the URL.
✓ Checkpoint: You should see your text is now underlined as a link.
Step 3: Test Your Link
Preview your site and click the link to verify it works.
Ensure it goes to the correct destination page.
✅ Result: Your pages are now connected for easy navigation.
💡 Pro Tip: Use anchor links to jump to specific sections within the same page.
How to Use Typedream Animations
Animations lets you add motion effects that make your site feel modern and engaging.
Here’s how to use it step by step.
Watch Animations in action:

Now let’s break down each step.
Step 1: Select an Element
Click on any block you want to animate.
This works with text, images, buttons, and containers.
Step 2: Choose Animation Style
Open the block settings panel on the right side.
Click on “Animation” and select from fade, slide, or zoom effects.
✓ Checkpoint: You should see animation options appear.
Step 3: Adjust Timing
Set the delay and duration for your animation.
Preview to see how it looks before publishing.
✅ Result: Your elements now animate smoothly when visitors scroll.
💡 Pro Tip: Use subtle animations — too much motion can distract visitors from your content.
How to Use Typedream CMS
CMS lets you manage blogs, portfolios, and other dynamic content collections.
Here’s how to use it step by step.
Watch CMS in action:

Now let’s break down each step.
Step 1: Create a Collection
Go to your dashboard and click “CMS” in the sidebar.
Click “New Collection” and choose a template like Blog or Portfolio.
Step 2: Add Content Items
Click “Add Item” to create your first blog post or portfolio piece.
Fill in the title, content, and any custom fields you’ve set up.
✓ Checkpoint: You should see your item listed in the collection.
Step 3: Display on Your Site
Add a CMS block to your page where you want content to appear.
Connect it to your collection and customize the layout.
✅ Result: Your dynamic content now displays automatically on your site.
💡 Pro Tip: The Grow plan offers unlimited CMS collections — perfect for multiple blogs or directories.
How to Use Typedream Form Templates
Form Templates lets you collect leads, surveys, and contact information easily.
Here’s how to use it step by step.
Watch Form Templates in action:

Now let’s break down each step.
Step 1: Add a Form Block
Click the plus sign in the editor to add a new block.
Select “Form” from the block options.
Step 2: Customize Fields
Add, remove, or edit form fields to match your needs.
Common fields include name, email, phone, and message.
✓ Checkpoint: Your form should display the fields you need.
Step 3: Set Up Notifications
Configure email notifications for new form submissions.
Optionally connect forms to your email marketing list.
✅ Result: You’re now collecting leads directly from your site.
💡 Pro Tip: Add a redirect URL to send visitors to a thank-you page after submission.
How to Use Typedream Landing Page
Landing Page lets you create focused pages that convert visitors into customers.
Here’s how to use it step by step.
Watch Landing Page in action:

Now let’s break down each step.
Step 1: Choose a Template
Start a new site and browse the landing page templates.
Pick one that matches your goal — product launch, waitlist, or service page.
Step 2: Customize Content
Replace placeholder text with your headline and copy.
Upload your images and adjust colors to match your brand.
✓ Checkpoint: Your landing page should reflect your brand identity.
Step 3: Add Call to Action
Add a clear button that tells visitors what to do next.
Link it to a form, product page, or external URL.
✅ Result: Your landing page is ready to capture leads or sales.
💡 Pro Tip: Keep landing pages simple — one clear goal converts better than multiple options.
How to Use Typedream Link in Bio
Link in Bio lets you consolidate all your online presence into one shareable link.
Here’s how to use it step by step.
Watch Link in Bio in action:

Now let’s break down each step.
Step 1: Create a Link Page
Start a new site and select the Link in Bio template.
Add your profile photo and name at the top.
Step 2: Add Your Links
Click to add button blocks for each link you want to share.
Include your social profiles, website, products, or content.
✓ Checkpoint: Your links should appear as clickable buttons.
Step 3: Publish and Share
Publish your page and copy the URL.
Add it to your Instagram, TikTok, or other social bios.
✅ Result: All your links are now accessible from one page.
💡 Pro Tip: Connect a custom domain to make your link in bio look professional.
How to Use Typedream Custom Domain
Custom Domain lets you connect your own domain name for a professional branded URL.
Here’s how to use it step by step.
Watch Custom Domain setup in action:

Now let’s break down each step.
Step 1: Access Domain Settings
Go to your site settings and click on “Domain” in the menu.
You’ll need a paid plan to connect a custom domain.
Step 2: Add Your Domain
Enter your domain name in the field provided.
Typedream will show you the DNS records to add at your registrar.
✓ Checkpoint: You should see the required DNS settings displayed.
Step 3: Verify Connection
Add the DNS records at your domain registrar like Namecheap or GoDaddy.
Return to Typedream and click “Verify” — propagation takes up to 48 hours.
✅ Result: Your site now loads on your custom domain with SSL.
💡 Pro Tip: Launch plans include a free .xyz domain for your first year.
Typedream Pro Tips and Shortcuts
After testing Typedream for over six months, here are my best tips.
Keyboard Shortcuts
| Action | Shortcut |
|---|---|
| Add new block | / (forward slash) |
| Bold text | Ctrl/Cmd + B |
| Add link | Ctrl/Cmd + K |
| Undo action | Ctrl/Cmd + Z |
| Duplicate block | Ctrl/Cmd + D |
| Delete block | Backspace (when block selected) |
Hidden Features Most People Miss
- Code Injection: Add custom CSS or JavaScript in site settings for advanced customization.
- SEO Settings: Each page has its own meta title and description — fill these in for better search rankings.
- Password Protection: Available on Grow plan — protect pages for members-only content.
- Automatic Sitemap: Typedream generates a sitemap automatically for search engines.
Typedream Common Mistakes to Avoid
Mistake #1: Uploading Oversized Images
❌ Wrong: Uploading 5MB images directly from your camera roll.
✅ Right: Compress images to under 500KB before uploading for faster load times.
Mistake #2: Skipping Mobile Preview
❌ Wrong: Publishing without checking how your site looks on mobile devices.
✅ Right: Always use the mobile preview option before publishing any page.
Mistake #3: Ignoring SEO Settings
❌ Wrong: Leaving meta titles and descriptions blank or using defaults.
✅ Right: Write unique meta titles and descriptions for every page.
Mistake #4: Cluttering Pages with Too Many Elements
❌ Wrong: Adding every possible block and animation to impress visitors.
✅ Right: Keep pages clean and focused — white space improves readability.
Typedream Troubleshooting
Problem: Images Not Displaying Correctly
Cause: Image file is too large or in an unsupported format.
Fix: Resize images to under 2MB and use JPG, PNG, or WebP formats.
Problem: Custom Domain Not Connecting
Cause: DNS records not properly configured or still propagating.
Fix: Double-check DNS settings at your registrar and wait up to 48 hours for propagation.
Problem: Form Submissions Not Received
Cause: Notification email settings not configured or email going to spam.
Fix: Check form settings for correct email address and whitelist Typedream in your inbox.
Problem: Layout Looks Different After Editing
Cause: Blocks got accidentally moved while editing.
Fix: Use Ctrl/Cmd + Z to undo changes or rebuild the section using the original template.
📌 Note: If none of these fix your issue, contact Typedream support via their help center.
What is Typedream?
Typedream is a no-code website builder that lets you create professional sites using a Notion-like interface.
Think of it like building with blocks — you can drag, drop, and type to create anything.
Watch this quick overview:
It includes these key features:
- Email Marketing Tool: Send campaigns and grow your subscriber list directly from Typedream.
- Advanced Analytics: Track visitors, page views, and traffic sources without third-party tools.
- Internal Page Linking: Connect pages easily for better navigation and SEO.
- Animations: Add smooth motion effects to make your site feel modern.
- CMS: Manage blogs, portfolios, and dynamic content collections.
- Form Templates: Collect leads and feedback with customizable forms.
- Landing Page: Create focused pages designed to convert visitors.
- Link in Bio: Consolidate all your online links in one place.
- Custom Domain: Connect your own domain for a professional branded URL.
For a full review, see our Typedream review.
Typedream Pricing
Here’s what Typedream costs in 2026:
| Plan | Price | Best For |
|---|---|---|
| Free | Free | Hobbyists and simple single-page projects |
| Launch | $15/month | Landing pages, product launches, small sites |
| Grow | $42/month | Growing businesses with blogs and directories |
Free trial: Yes, start free with no credit card required.
Money-back guarantee: Yes, 14-day money-back guarantee on all paid plans.

💰 Best Value: Launch plan at $15/month — includes custom domain, unlimited pages, and analytics.
Typedream vs Alternatives
How does Typedream compare? Here’s the competitive landscape:
| Tool | Best For | Price | Rating |
|---|---|---|---|
| Typedream | Notion-like editing | $15/mo | ⭐ 3.5 |
| Gamma | Presentations as websites | $8/mo | ⭐ 4.5 |
| Durable | AI-generated sites | $12/mo | ⭐ 4.5 |
| Butternut | AI website builder | $20/mo | ⭐ 4.5 |
| Codedesign | Free AI builder | $0/mo | ⭐ 4.5 |
| Siter | Figma integration | $7/mo | ⭐ 4.5 |
| 10Web | WordPress + AI | $10/mo | ⭐ 4.5 |
| Framer | Advanced animations | $10/mo | ⭐ 4.5 |
Quick picks:
- Best overall: Framer — most powerful design capabilities with professional animations.
- Best budget: Siter — starts at just $7/month with Figma integration.
- Best for beginners: Typedream — intuitive Notion-like interface anyone can learn.
- Best for AI generation: Durable — creates complete sites in minutes with AI.
Looking for Typedream alternatives? Here are the top options:
- 🚀 Gamma: Creates presentation-style websites perfect for pitch decks and portfolios that need to impress quickly.
- 💰 Durable: Generates complete business websites with AI in under a minute — great for service businesses.
- 🎨 Butternut: Uses AI to build websites with smart chatbot agents and Facebook growth features included.
- ⚡ Codedesign: Offers a free AI code generator and landing page builder for developers and marketers.
- 🔧 Siter: Connects directly with Figma for designers who want to turn their designs into live sites.
- 🧠 10Web: Combines WordPress hosting with AI building for those who want flexibility and power.
- 👶 Pineapple Builder: Perfect for beginners who want AI help with copywriting, marketing, and translation.
- 🏢 Framer: Industry-leading animations and interactions for agencies and professional web designers.
- 🌟 Dorik: White-label CMS and Airtable integration make it ideal for client work and agencies.
- ⭐ Jimdo: Simple website and online store builder with booking management for small businesses.
- 🎯 B12: AI-powered website builder with built-in CRM and email marketing for professional services.
- 💼 Appy Pie: Converts websites into mobile apps and offers AI app generation for businesses.
For the full list, see our Typedream alternatives guide.
⚔️ Typedream Compared
Here’s how Typedream stacks up against each competitor:
- Typedream vs Gamma: Typedream offers more website features while Gamma excels at presentation-style pages.
- Typedream vs Durable: Durable generates sites faster with AI but Typedream gives you more control.
- Typedream vs Butternut: Butternut includes AI chatbots while Typedream focuses on creator tools.
- Typedream vs Codedesign: Codedesign is free but Typedream has better email marketing features.
- Typedream vs Siter: Siter integrates with Figma while Typedream works like Notion — choose your preferred workflow.
- Typedream vs 10Web: 10Web uses WordPress under the hood while Typedream is fully custom-built.
- Typedream vs Pineapple Builder: Both are beginner-friendly but Pineapple has more AI assistants included.
- Typedream vs Framer: Framer offers advanced animations while Typedream is simpler and faster to learn.
- Typedream vs Dorik: Dorik has white-label options for agencies while Typedream focuses on creators.
- Typedream vs Jimdo: Jimdo includes booking features while Typedream has better digital product selling.
- Typedream vs B12: B12 has built-in CRM while Typedream offers simpler pricing and setup.
- Typedream vs Appy Pie: Appy Pie converts sites to mobile apps while Typedream focuses on web only.
Start Using Typedream Now
You learned how to use every major Typedream feature:
- ✅ Email Marketing Tool
- ✅ Advanced Analytics
- ✅ Internal Page Linking
- ✅ Animations
- ✅ CMS
- ✅ Form Templates
- ✅ Landing Page
- ✅ Link in Bio
- ✅ Custom Domain
Next step: Pick one feature and try it now.
Most people start with Landing Page to create their first site.
It takes less than 5 minutes.
Frequently Asked Questions
What is Typedream used for?
Typedream is used for building websites without coding skills. It’s popular for landing pages, portfolios, blogs, link-in-bio pages, and selling digital products. The platform works like Notion but produces professional websites.
Is Typedream good?
Yes, Typedream is excellent for beginners and creators who want a simple website builder. It offers fast setup, intuitive editing, and includes features like email marketing and digital product sales. The Notion-like interface makes it easy to learn.
Does Typedream offer a free trial?
Typedream offers a free plan that lets you publish one page on a typedream.app subdomain. Paid plans come with a 14-day money-back guarantee so you can try premium features risk-free. No credit card is required to start.
What are the limitations of Typedream?
Typedream has limited design flexibility compared to tools like Framer or Webflow. It lacks advanced features like complex animations, user authentication, and dynamic workflows. The platform is best for simple to medium-complexity websites.
Can I sell products on Typedream?
Yes, Typedream supports selling digital products and services through Stripe integration. The free plan charges a 5% transaction fee while paid plans reduce it to 2%. You can sell ebooks, courses, templates, and other digital goods directly from your site.













