Pular para o conteúdo
← Back to Skalablog

Published article

5 Steps to Create a Website With AI in 2026

Products & Business

You can create a website with AI in a single afternoon, without writing any code. In a February 2026 tutorial, creator Mariana Santos builds a full online store, a service site, and a sales page using the Hostinger AI website builder, and this guide walks through the same process step by step.

How to Create a Website With AI in 2026

To create a website with AI in 2026, you pick an AI-powered builder such as Hostinger, describe your site in a short written prompt, let the tool generate the pages, then edit text, images, and prices before publishing. No coding is required at any stage.

This workflow comes from a tutorial published by Brazilian creator Mariana Santos on February 19, 2026, who builds three different sites on camera: an online clothing store, a nutritionist's service site, and an English-course sales page. The steps below follow her exact process, with the vendor-reported prices she quotes and the caveats worth knowing before you pay.

Her core argument is positioning: a site gives your work a place where a visitor can see what you offer and buy or contact you in one click, instead of everything living inside a social media profile. That is a claim about how she evaluates collaborators when hiring, so treat it as her experience rather than a general statistic.

What You Need Before You Start

You need a hosting plan, a short description of your business, and about an hour. The AI prompt works best when you decide three things in advance, because the builder follows written instructions closely:

Step by Step: Building the Site With the Hostinger AI Builder

The tutorial uses the Hostinger website builder, which generates a complete site from a text description. The process in the video follows five ordered steps:

  1. After payment, open the Websites area in your account dashboard and choose Add website.
  2. Select the AI website builder option rather than a blank start.
  3. Write a detailed prompt: what the site is for, the visual style, the typography, and the color palette. Her store example asked for a minimalist, elegant clothing shop in white, pink, and beige; her service example asked for a nutritionist site in white, moss green, and burnt yellow.
  4. Wait for generation, which she shows completing in minutes (she reports under a minute on the mobile version).
  5. Review the generated pages, then move to manual editing before publishing.

The builder generates more than layout. In her nutritionist example it also wrote the headline and section copy, such as service cards for ongoing follow-up, nutritional assessment, and meal planning. It even invented a brand name for the clothing store when none was given, which is a reminder to replace placeholder names with your own before going live.

Every generated page is mobile-first, meaning the layout is built around the phone screen first. The video shows the mobile preview closely because, as she notes, most of her audience browses on phones.

Editing the Generated Site: Text, Images, Sections, and Prices

After generation, you customize everything through the editor. The tutorial covers the controls that matter most for a small business site:

  • Text editor: change fonts (weight and style), text color, and button color, size, and border.
  • Images: upload your own photos or videos (including embedding from YouTube), or prompt the AI to generate images from a description, such as "long white linen dress." She recommends using your real product photos and treating AI images as decorative symbols.
  • Products: rename items, swap photos, adjust descriptions, and change prices, including discount labels.
  • Sections: add new content blocks where information is missing, and adjust animations (zoom, slide, fade) per element, or turn them off.
  • Contact points: add social links, an email signup block, or a WhatsApp contact button on service cards.

If the whole generated concept misses, an "edit idea" prompt lets you describe larger changes in text instead of adjusting element by element. That keeps the loop conversational: generate, review, refine.

AI Generation or Ready-Made Templates: Which Should You Use?

Use AI generation when you want a unique structure from a description; use templates when you want a proven layout you only fill in. The builder offers both paths side by side, and the video demonstrates each:

OptionBest forHow it worksMain limitation
AI generationCustom look from a text briefPrompt describes style, colors, copyMay invent placeholder names you must replace
Designer templatesFast setup with persuasive copy already writtenPick from 150+ prebuilt designs (speaker-reported figure)Many other sites use the same layouts
Mobile creationEditing or generating from your phoneSame prompts and template picker in the mobile flowSmaller screen for fine adjustments

For template users, filtering options include portfolio, resume, popular, modern, and simple. The video previews a photographer's portfolio template with a contact button already in place, so the work reduces to swapping images, prices, and wording. Templates are also the faster route when you have no clear visual idea yet and just want to see finished options.

Hostinger Plans and Prices Cited in the Video

The video reports two plan prices as of February 2026, in Brazilian reais, and both are speaker-reported figures from a sponsored tutorial, so verify current pricing on Hostinger's site before buying:

  • Premium plan: reported at R$9.99/month, presented as the option for a simple site.
  • Business plan: reported at R$99/month, presented as the fuller package. Its listed features include an AI writer for sales copy, an AI image generator, an AI logo creator, an AI heatmap tool that shows where visitors click and linger, and the ability to sell up to 500 physical or digital products without an extra fee (vendor-reported figures).
  • Coupon: the video offers the code "10" for an additional discount, valid through the link in its description. Coupon terms change, so confirm what it applies to at checkout.

The Business heatmap feature deserves a note on scope: it predicts visitor behavior after launch, but it is a diagnostic, not a guarantee of sales. The claim that a site pays for itself in the first week is the presenter's optimism, not evidence.

FAQ

  • Do you need to know how to code to create a website with AI? No. The workflow shown uses a written prompt and a visual editor. Every change, from fonts to product prices, happens through buttons and menus rather than code.
  • How long does the AI take to generate a site? In the tutorial, desktop generation takes a few minutes and the presenter reports under a minute on mobile. Editing and reviewing content afterward takes longer than generation itself.
  • Can you build and edit the site from a phone? Yes. The video shows choosing a template, writing an AI prompt, and adjusting the logo and titles entirely on a phone, which the presenter frames as a way to use idle time in queues.
  • Are the prices in the video still valid? They were reported in February 2026 by the presenter in a sponsored video. Plan prices and features change, so check Hostinger's current pricing page before purchasing.
  • Is the AI good enough to skip editing? No. The tutorial itself spends most of its runtime editing: replacing placeholder brand names, swapping generated images for real photos, and correcting product details. Treat generation as a first draft.

Turn Your Own Video Into a Written Guide

This article exists because a 14-minute video contained a complete, teachable process, and written steps are easier to follow, search, and revisit than a timeline with a play button. If you have tutorials, interviews, or explanations sitting in your own YouTube videos, that same knowledge can work as an article without you writing it from scratch.

With Skala Blog, you paste a YouTube URL, the video is transcribed, and the transcription becomes a structured article you can review and publish. The prompt-to-website loop shown above has a content equivalent: describe once, publish everywhere your readers look.

A Note on Finding More Tutorials

This walkthrough is based on one creator's sponsored demonstration, and hands-on tutorials like it are common on YouTube from many channels, including ones such as Gustavo dev doido, so comparing two or three before committing to a paid plan is a reasonable way to sanity-check the workflow and the pricing you are quoted.

Source video