10Web Tutorial

MA
Reviewed by Marouen Arfaoui · Last tested April 2026 · 157 tools tested

Last updated: April 2026

beginner

What you'll achieve

After this tutorial, you'll have a fully functional, professional WordPress website live on the internet. You'll learn to use 10Web's AI Website Builder to generate a complete site from a simple text description, navigate the intuitive dashboard to manage your site, and use the visual editor to customize the design to match your brand. You'll also understand how to connect your own domain name and publish your site, giving you a powerful online presence without needing to write a single line of code or understand complex hosting setups.

Prerequisites

Step-by-Step Guide

1

Step 1: Sign Up and Start Your Trial

Go to the 10Web website and click the prominent 'Start Free Trial' button. You'll be asked to enter your email and create a password. Immediately after, you must enter your credit card details. I tested this thoroughly, and in my experience, this is a firm requirement; there is no way to bypass it. Don't worry—you won't be charged for 7 days. What surprised me was how quickly the setup moved. After entering payment info, you're instantly dropped into the dashboard. You won't receive a typical email verification link; the system assumes you're ready to build. Have your card ready, and be prepared to start building right away. The interface will immediately prompt you to create your first website.

TIP

Use a real email you check, as important hosting and billing info goes there.

2

Step 2: Generate Your Site with AI

From your new dashboard, click 'Create Website'. You now face the most critical part: the AI prompt. You have two options: 'Generate with AI' or 'Generate from Reference URL'. I strongly recommend starting with AI. In the text box, be incredibly specific. Instead of 'a bakery site,' write 'A modern artisan bakery website in Seattle called 'Rise & Crumb,' specializing in sourdough and pastries, with an online ordering section, a blog for recipes, and a soft color palette.' The more detail, the better your first draft. Click 'Generate,' and watch the AI work. It will create pages, write copy, source placeholder images, and structure the entire site in about 60 seconds. It's genuinely impressive, though you'll need to replace stock images later.

TIP

The 'Reference URL' option is powerful for cloning a site's structure you admire.

3

Step 3: Explore and Customize in the Editor

Once generation is complete, you'll be in the 10Web Editor, which is a front-end, drag-and-drop builder built on Elementor. What surprised me was how familiar it felt if you've used any page builder, but with 10Web's AI tightly integrated. On the left, you'll see a panel with Sections, Widgets, and Pages. Start by clicking through the pages the AI created (Home, About, Services, etc.) to see the structure. To edit anything, simply click on it. Change text by clicking on it and typing. Replace an image by clicking it, then clicking the pencil icon, and uploading your own. Use the left-hand 'AI Assistant' widget to regenerate text blocks or create new ones on the fly. This is where you make the site yours.

TIP

Don't try to edit everything at once. Get the homepage perfect first.

4

Step 4: Connect Your Domain and Configure Hosting

Your site is temporarily on a 10Web subdomain. To go live, you need your own domain. In the main dashboard, find your website card and click 'Manage.' Go to 'Domains' > 'Connect Domain.' You can either transfer your domain to 10Web or, more commonly, point your existing domain's nameservers to the ones 10Web provides. I recommend the nameserver method for beginners; it's simpler. You'll get two nameserver addresses (like ns1.10web.io). Log into your domain registrar (GoDaddy, Namecheap, etc.), find the DNS settings for your domain, and replace the existing nameservers with 10Web's. Propagation can take up to 48 hours. Meanwhile, explore the 'Hosting' tab to see 10Web's automated optimizations—this is their secret sauce for speed.

TIP

Have your domain registrar login details handy before starting this step.

5

Step 5: Publish and Check Performance

Once your domain is connected (or even before, on the subdomain), hit 'Publish' in the editor. Your site is now live. Now, test its speed. Go back to the main dashboard, click on your site, and navigate to 'Booster' > 'PageSpeed.' Here, 10Web's real-time optimization technology works. Run an analysis for both mobile and desktop. In my experience, you'll consistently see scores above 90, often 95+. If not, click 'Optimize' or 'Re-optimize.' The system will automatically apply over 30 optimizations like image compression, CSS/JS minification, and caching. This isn't just a score; it's a real performance guarantee that directly impacts user experience and SEO. This automated speed management is, in my opinion, the primary reason to choose 10Web over other builders.

TIP

Always run PageSpeed tests in an Incognito window to avoid cached results skewing the score.

6

Step 6: Dive into AI SEO & Manage Plugins

Your site is fast, but will people find it? Click 'AI Assistant' in your dashboard sidebar. Here, you'll find the 'SEO' tool. Input a page URL and a target keyword (e.g., 'artisan sourdough Seattle'). The AI will analyze your page and generate a comprehensive report with a score, suggestions, and—crucially—the ability to generate an optimized meta title and description with one click. It's a fantastic starting point. Next, go to 'WordPress Admin' from your site's management panel. This is the classic WordPress backend. Here, you can manage plugins. 10Web pre-installs essential ones, but I recommend being cautious. Only add plugins from the '10Web Manager' section or the official repo, as 10Web's hosting is finely tuned for performance, and rogue plugins can break that.

TIP

Use the AI SEO tool for every key page on your site before considering paid SEO software.

Common Mistakes to Avoid

!

Being vague in the AI prompt. This leads to a generic, unusable site draft. Always include industry, location, style, and key pages.

!

Ignoring image replacement. The AI uses generic stock photos. Not swapping them for your own brand imagery makes sites look templated and cheap.

!

Adding too many plugins in WordPress Admin. This can cripple the optimized speed 10Web provides. Audit plugin necessity rigorously.

!

Forgetting to connect a custom domain before the trial ends. Your site will remain on an unprofessional 10Web subdomain.

Next Steps

Check out our 10Web cheat sheet for quick reference
Explore 10Web alternatives to compare options
Read our guide on advanced 10Web techniques
10Web Cheat SheetQuick reference
10Web PromptsCopy-paste ready

Frequently Asked Questions

How long does it take to learn 10Web?+
Honestly, you can build and publish a basic site in under an hour. The AI does the heavy lifting. To truly master the editor and advanced features like custom CSS or complex layouts, plan for 5-10 hours of hands-on experimentation. It's designed for rapid onboarding.
Do I need technical skills to use 10Web?+
Absolutely not. That's its core value. If you can describe what you want in a sentence and click/drag items on a screen, you can build a professional site. No code, server, or WordPress knowledge is required. It abstracts all the technical complexity away.
What can I create with 10Web?+
Primarily business websites, portfolios, blogs, and e-commerce stores (using WooCommerce integration). I've tested it for local service businesses (contractors, consultants), online stores, and professional portfolios. It excels at informational and lead-generation sites. It's less ideal for complex web applications or membership sites requiring deep custom code.
Is 10Web free to use?+
No. There is no permanent free plan. They offer a 7-day free trial that requires a credit card. After that, plans start at $10/month for one site. This includes hosting, the builder, and AI tools. In my opinion, the price is justified by the integrated, high-performance hosting and automation.
What are the best alternatives to 10Web?+
For AI site generation, Hostinger AI Website Builder and Durable.co are competitors, but they lack 10Web's deep WordPress flexibility. For managed WordPress hosting with builders, Elementor Cloud and Strattic are alternatives, but they don't have the same level of integrated AI site creation. 10Web uniquely blends both.
Can I use 10Web on mobile?+
You can access the dashboard and manage sites from a mobile browser, but the visual editor is not optimized for mobile creation. I strongly recommend using a desktop or laptop for the actual building and design process. Mobile is best for quick checks and content updates.
What are the limitations of 10Web?+
The main limitation is vendor lock-in. Your site is built on their flavor of Elementor and hosted on their system. Migration away can be tricky. Also, while the AI is great for a first draft, expect to spend time customizing. It's not a one-click, perfect-site solution. Finally, the plugin ecosystem is somewhat restricted for the sake of performance.
Was this helpful?