How to make a stylish website? Tilda Publishing

2024 Author: Malcolm Clapton | [email protected]. Last modified: 2023-12-17 03:44

- a modular constructor that allows you to create cool sites in a short time: portfolios, landing pages, online stores, special projects, interactive stories, blogs. Everything is limited only by your imagination. How to create your own website using the service, read the instructions from our friends at Tilda Publishing.

How Tilda differs from other constructors

1. Design code

You are assembling a site not just from elements, but from blocks pre-designed by a designer. If it is text, then the font size, indents and line spacing are adjusted in it. If this is a picture, then the caption will be located in the correct place. Most blocks are made up of several elements that the designer has already assembled into a composition. You do not need to puzzle over where and what should be located.

For example, cover (first screen). It consists of a photo, a title, a description, and sometimes a button. You evaluate the content that you have, choose the appropriate option from 30 covers, change the photo and text - you're done. There is no need to think about what size the font should be or the indentation between the title and description, where the button should be located. The designers thought for you. Naturally, all parameters can be changed if there is confidence and understanding of what you are doing. But as a starting point, pre-designed blocks are very good support.

2. Flexibility of use

The developers thought about: connect your own domain or subdomain, leave the site on the Tilda subdomain, export the site and place it on your server, make a part of the site on Tilda and embed it into the existing site, set up publishing via the API. There are plugins for integration with the site on WordPress and Bitrix.

3. Services for receiving data from forms

Twenty services are integrated with Tilda: email, Google Drive, MailChimp, SendGrid, GetResponse, UniSender, SendinBlue, Mailerlite, SendPulse, AmoCRM, Megaplan, Pipedrive, Zoho CRM, Hubspot, Bitrix24, Telegram, Slackier, Trello, Zep Webhook.

You can receive applications by email, create mailing lists or collect leads in a customer data management (CRM) system.

Also, users can use the built-in Tilda CRM for free for convenient work with applications.

4. Adding unique elements

If you need special features that are not available by default, use the HTML insert feature. You can find ready-made solutions or order development from a programmer - a piece of code will not cost a fortune.

Services that are easy to add to a Tilda project:

• Timeline for events -.
• Interactive maps -.
• Sale of tickets for the event -.
• Interactive Images -.
• Feedback -.

5. Professional Zero Block editor for designers

With the help of Zero Block, you can create a website design of any complexity. In the Zero block, you can edit all the elements of the site and set up complex animations.

6. Services for accepting payments

When creating an online store on Tilda, you can connect a payment system that is convenient for you and receive payment online legally. Tilda has 14 payment services available for connection: Cloudpayments, Robokassa, PayPal, YuMoney, YuKassa, Alfa-Bank, Sberbank, Tinkoff Bank, LiqPay, bePaid, 2Checkout, PayAnyWay, Stripe and WayForPay.

Getting started at Tilda Publishing

Let's move from theory to practice. After registering on Tilda, give your new site a name, click on the "Create a new page" button, and you will see a list of templates. Choose the one that suits you and adapt it, or start from a blank page. The choice does not limit your creativity in any way: at any time you can change the template beyond recognition. This is just a sample of good design and an example of using blocks.

If you decide to create a page from scratch, Tilda will offer you to watch a short video on how the interface works.

The interface is very simple: on the left is a library of blocks divided into categories. The entire content of the block is edited on a click-to-change basis.

General guidelines for creating a website

Strictly speaking, creating a web project does not begin with registering on a website builder. First, you need to formulate an idea and think about the structure, then conduct research, then sketch out several options for the future site and prepare the content. The details of this process are detailed in the Tilda Publishing team article "".

Take a look at how different types of projects are created: page, multi-page site, blog, or longread.

This section will help you better understand the capabilities of the platform and find inspiration. Here are some examples of good user work.

Once you have all the blocks set up, make sure the site looks nice and tidy. Align indents, make headings consistent, check if the font size is the same in the text. Make sure there is enough free space on the site. You can read more about neatness in the article of the Tilda team "".

Think about site navigation or within a single page. Add a menu, make sure it is visually good: not too large, does not overload the entire page. There should not be many menu items, preferably no more than five. Feel free to enlarge sections. Keep the names short, they should be read at a glance. A three-word menu item is clearly unsuitable.

Be sure to include a branded font. In Tilda, you can select base fonts from the built-in library. They are free for platform users. You can also connect fonts from Adobe Fonts, Google Fonts, or upload your own.

Publish your site. Give it a name using the Tilda subdomain, connect your own domain, or export the code and place it on your server.

Don't forget about statistics. Tilda has built-in statistics for websites and online stores. For deeper analytics, register with Google Analytics or Yandex. Metrica, get the code and write it in the settings.

Take care of how your site will look when displayed in search engines or social networks: fill in the site name, description, add keywords. Provide each page with a small photo, then, when sharing, it will be qualitatively framed.

Benefits of Tilda Publishing

1. No need to know the code … You don't have to learn to code or ask for help from familiar programmers. All settings in a convenient editor.
2. No designer needed. The blocks are designed by professionals, all proportions are verified and harmonious.
3. Adaptive design. The blocks are designed so that you don't have to adjust the design for tablets and smartphones. The site looks great on all devices.
4. Simple editing. If you make a website for a client, then in the future he will be able to quickly make changes and maintain the site on his own, without the help of professionals.
5. Domain or export. The site connects to its own domain or is exported as code for hosting on another server.
6. Built-in analytics. You can view visits and users (including by page). Plus, Google or Yandex counters are connected in a special interface by simply specifying a number.
7. Search engine optimization … You control how the site looks in search results or social media.
8. Design of any complexity. You can create your own blocks and have full control over the arrangement of site elements.
9. Flexible customization. Any special elements are added by pasting HTML code.
10. Large selection of fonts. Connect any font from Typekit, Google Fonts or use your own.
11. Forms of receiving data. Your customers will be able to subscribe to updates, leave their phone number or email. Integrated nine services for receiving data.

Tariff plans

Free. One site, 50 pages, 50 MB of server space. Site address of the form mysite.tilda.ws. Is free.

Personal. One site, 500 pages, 1 GB of server space. Domain connection and complete collection of blocks. 500 rubles per month if paid for the year.

Business. Five sites, 500 pages (for each site), 1 GB of server space. Code export. 1,000 rubles per month if paid annually.

Tilda Education

In addition to the platform's website creation service, there is an online magazine, Tilda Education, a library of knowledge about web design and marketing. Practical guides and video tutorials answer the specific question "how?" and help in daily work. Design articles contain tools for finding ideas, broadening your professional horizons, shaping your visual taste, and tracking web design trends. Tilda user stories inspire you to create your own projects, and courses help you master basic design theory and improve your web publishing competence.

Tilda has released five courses that you can take on your own at any convenient time: "Creating a Landing pag", "Design in a digital environment", "Internet marketing from scratch", "Animation on the web" and a video course about the method of product development Jobs-to ‑Be ‑ Done.