How to make a website on Tilda: a beginner's guide

Step 1

Sign up and pick a plan for the job

Tilda has a Ukrainian version of its site, where paid plans are priced in hryvnias; you pay by bank card. As of November 2026 there are three plans. Free: 1 website, up to 50 pages, part of the block library and a free tilda.ws address; a custom domain, form data capture services, payment systems and Google Analytics aren't available on it. Personal: 1 website with the full block library and a custom domain. Business: up to 5 websites and code export. For learning, start on Free, and to try every block, turn on the two-week trial: no card is needed.

• •after the trial you can go back to the Free plan; your work is kept, but paid features are switched off;
• •if a paid subscription isn't renewed, the site is unpublished and the data is kept for 6 months;
• •check current prices on Tilda's pricing page: they differ for monthly and annual payment.

Step 2

Structure first, then blocks

A common mistake is opening the library and scrolling blocks until something looks nice. That gives you a page that looks like everyone else's. Start with the brief: who comes to the page and what should they do. Then write the order of sections on paper, and only then look for blocks for each one.

• •for a learning project, take an imaginary brief: a landing page for a pottery class, a café or a festival;
• •a typical structure: a first screen with the offer and a button, benefits, examples or photos, a testimonial, FAQ, contacts;
• •each section carries one idea; if you can't describe a section in one sentence, split it.

💡 Write the copy before the design. A block chosen for placeholder text breaks as soon as real text goes in.

Step 3

Set the site style and build the page from blocks

Before adding blocks, open the site settings and set fonts and colors for the whole site: Tilda lets you connect Google Fonts, Adobe Fonts or upload your own fonts. Then add blocks from the standard library and change their text, images and spacing. For Ukrainian text, check that the font supports Cyrillic.

• •one font for headings and one for text, or better, one font in two weights;
• •limit the palette: a main color, an accent and neutrals; check text contrast (for normal text, WCAG requires at least 4.5:1);
• •keep the same spacing between sections: uneven gaps between blocks are the first sign of a stitched-together page.

Step 4

Make one section in Zero Block and set up responsiveness

Zero Block is Tilda's built-in editor for custom blocks: you place text, shapes, images and buttons freely, as in a graphics editor. It's the best place to practice composition. The grid width in Zero Block is fixed at 1200 px, and responsiveness is set separately for five screen types: 1200 px and up, 980–1200, 640–980, 480–640 and 360–480 px. Check whether Zero Block is available on your plan; if not, use the trial.

• •make the 1200 px version first, then go through each smaller screen;
• •on each screen, adjust font size, text column width, image size and block height;
• •Tilda highlights settings changed for that specific screen and shows inherited ones in gray, so you can see what you've already adjusted.

💡 Don't build the whole site in Zero Block: one or two sections are enough for learning. The rest, on ready-made blocks, is already responsive, while every Zero Block has to be adapted by hand for five screens.

Step 5

Publish the page and check it live

Set a free tilda.ws address in the site settings: according to Tilda's help, the site stays available on that subdomain on any plan. Publish the page and open it on your phone. Pages show a "Made on Tilda" label; it can only be removed on an annual Personal or Business subscription.

• •go through the page on a phone and a laptop: is everything readable, are buttons big and visible, does anything overlap;
• •check that each button leads where it promises;
• •ask someone who hasn't seen the page to say in 5 seconds what it's about. If they can't, redo the first screen.

💡 A finished page is portfolio material. Show the brief, which sections you chose and why, and what you changed after feedback.