Overview Designer sites Tilda (Tilda) functions, the examples and testimonials
Web Services / / December 24, 2019
What is Tilda
Website Builder Tilda It allows for a couple of hours to create sites with professional design: Landing, online shopping, landing pages or blogs. At the core of the interface based on the principle of creating pages of semantic units. You need to consistently add to the page, change content and adjust appearance. The screen immediately clear what it looks like the future site. For work that requires special skills and programming skills.
How does Tilda
block mechanics
Site pages are assembled from blocks. In the library there are more than 450. They are divided into 28 categories: cover, store the project, services, contacts, form and button and others. In the categories you can choose from different designs. Click on the desired unit to add it to this page.
Each unit is designed by professional designers. Correct ratios of the elements are already met, so you do not need to think about how to arrange them on the page. Thanks to this site is done quickly and immediately looks attractive.
Changing the contents of block
Edit block content is very simple: you can do it directly on the web page. Click on the text and change it as a text editor. Size, color, saturation, and other settings will be opened immediately at the top of your browser window. To replace the image, drag the desired icon from the desktop. The results of the changes are immediately visible on the screen.
The blocks can be hidden, and add individual elements: the second button, nadzagolovok, an additional card or a new field in the form. This is done in the menu "Content", which can be opened by clicking on the button at the top left of the unit.
templates
Tilda designers created 180 templates for rapid publication. In the list you can find options that take into account the specifics of different business sectors. There are templates for site services, online store, events, blog, business cards or forms.
Elvira Valiullina
Brand manager hybrid space "Table"
We were wildly excited when done on the site, "Tilda" themselves, because experienced before this hell. Prior to my arrival in the "Table" of the company's website made in some office - was connected to the process of a billion developers, designers, and TK-vydavalschikov pravkovysylateley. The result was heavy and congested site with complex imposition and without access to the admin panel. We somehow took a job and immediately decided to make a quick easy and intuitive site themselves. The choice fell on the "Tilda".
2-3 weeks with a colleague we have made a website that works now. Painted on a paper replicas, put it all in the constructor "Tilda", to finish the graphics, added fotochek - and voilà! The site is ready, the client goes, we are praised, and we sit and enjoy life.
Adapting to different screens
Sites on Tilda automatically adapt to the screens of computers, tablets and smartphones. All the blocks from the library already adaptable. No need to spend time creating separate versions for different devices - each visitor to your site is easy to perceive information. It is very important for the landing pages because the adaptability of a direct impact on conversion.
Zero Block - Editor unique blocks
Ready units can solve hundreds of problems, but sometimes this is not enough. In such cases, help Zero Block - built-in visual editor for professional designers. It helps to create new blocks with unique design.. The interface resembles the editing and will be familiar to users of Photoshop and Sketch.
Results Zero Block can be adapted manually to different screens. For each device you want to change the location and size of the elements.
To expedite the work, use hotkeys, horizontal and vertical rails and the panel layers. Layers can be locked for editing or made invisible. To select multiple items, you must hold down the Ctrl key.
Sergey Bolis
Director of distribution Layfhakera, the head of the curriculum to create a Landing in Tilda
There is a myth that the site is made in the constructor - it is always a story template. When I hear this, I know: people simply do not know the possibilities of the zero block in the "Tilda". He can make an incredibly effective and convenient sites, which no one can say, "It looks like a pattern."
Here are cases where it might be useful Zero Block Editor:
- You draw the layout in the graphical editor, and want to transfer it to the page in its original form. If you usually make a preliminary design of the site is offline, the habit can not refuse. Simply transfer plans in Zero Block - there is a grid of 12 columns and access to editing parameters of each element.
- Among the pre-engineered just is not suitable. Tilda units are designed for horizontal series arrangement of sections. If you want to change the way the site visitor to read and make him study the vertical blocks, use the Zero Block. The same applies to compositions or layering unusual arrangement of elements.
- You want to add animation and interactivity of page. This is also done in Zero Block. Programming skills are required.
- You need quite a bit to change the finished block Tilda. If the block is ideally suitable lacks additional fields or elements occupy 10 pixels larger than desired, a Zero Block structure can be adjusted.
For designers who make websites in order to Tilda, there experts directory. In it, you can create your portfolio. Uploaded projects pass through a developer token, which confirms the authorship of each work. In the future, experts will catalog ordering system, which will connect the clients and designers.
Animation
Animation allows the user to focus attention on the important.
For each block of the library, you can customize the appearance of the animation elements: title, text, images, cards. There is a simple appearance, as well as the right, left, above, below and to the increase.
The Zero Block you can configure advanced effects for all elements. Parallax allows objects move at different speeds when the page is scrolled. Fixing consolidate the object on the screen while scrolling. In settings you can change the effects of speed, duration, delay start condition.
there is a separate tool for the most complex effects - turn-based animation. With it you can make objects move through a complex scenario. It helps to involve more visitors and create interactive page.
Maxim Shirko
Art director the23.design, creator telegraf.design, author Telegram-channel "Tildoshnaya» (@tildoshnaya)
After the advent of the "Tilda" in the life of our studio we have significantly revised approach to building design. Suddenly it became clear that the pictures show the design - a pointless exercise, because the end result will only in the minds and words. We drew not a poster, postcards and adaptive without animation. All this appears already at the final stage, and often nothing can be changed.
Now everything is different. Any site, then he or she lives on whatever platform, we gather in the "Tilda". This makes it possible to get the best user experience - to know what it looks like and feels like. With step by step animation we design scenarios and add accents in the right places.
Already at the stage of creating the concept of a 90% clear what will be the site. But this, of course, the tip of the iceberg. It seems to me, "Tilda" - is entirely held game changer, which will bring to the industry a lot more surprises.
Forms for collecting contacts and applications
there is a separate category in the library with forms. Also, there are some forms of cover. With their help, you can collect the phone numbers of visitors to sign up for the newsletter, to receive orders, to conduct surveys.
The site can be connected to 20 data reception services and receive applications directly to popular CRM, mailing service, mail or messenger.
In the constructor, you can create a vertical, horizontal, step by step, and pop-up form. The vertical forms can add or remove fields. For each field, you can choose your type of 21 choices: check boxes, radio buttons, input fields for date and time, with multiple-choice questions.
With the field "Breaking through the steps" can be any shape to turn into a step by step - just add this unit in places where there should be a transition to the next stage of filling. Using the field 'Calculator"It is possible to make the calculation of the parameters and show the value before submitting the application.
Designer letters for mailing
built-in letters designer It allows you to collect blocks of beautiful letters for e-mail newsletter. You can connect your MailChimp services, UniSender, SendGrid and send emails directly from Tilda interface. For other services, you can upload the html-code.
Create an online store
In the constructor, just do a little Tilda online store. There is a separate category with blocks and cards for a basket of goods of different kinds.
The item card you can customize the name and code, as well as add a variety of options with the price - for example, if you are selling t-shirts in different colors, but with the same prints. You can make when choosing a black T-shirts the price was 700 rubles, and the choice of white - 800.
In the basket, you can add a field with a promo code and delivery options. To receive payment, in the site settings, you need to connect the payment system. Now supports integration with 10 services: CloudPayments, Robokassa, PayPal, «Yandex. Money "," Yandex. Cashier "of LiqPay and Stripe, also supported by acquiring" Alfa-Bank "," Savings Bank "and" Tinkoff ". You can set up an automatic notification of the customer order after a successful payment.
Alexander Redko
CEO of online store tableware tea Gunfu.ru
"Tilda" helps to create a site from different parts of the templates and without restrictions. We sell crockery for tea in retail as an online store. On the next pages - offer for wholesalers: the shape of the query conditions and price list. There are pages and catering service "Subscribe to tea." Each page - this is a separate story and Landing. We get a unique picture of business in the form in which it exists.
Optimizing your website for search engines
Thanks to the modular structure of the great Tilda sites indexed. We have all the necessary tools: You can add to the header tags h1, h2, and h3, and alt attributes to images, customize visited URLs, connect and add https redirects. Certain pages can be closed from indexation.
can be used for checking Tilda-panel webmasterWhich will indicate any errors that negatively affect indexing.
Built-in website statistics
You will be able to evaluate the effectiveness of the site with the help of statistics in the settings. Now available the following metrics:
- views, sessions, users, and applications;
- the percentage of conversion;
- share of mobile browsing;
- a page read;
- viewing depth.
You can also keep track of the application and the percentage of conversion of utm-labels.
Connect your domain
To the site, you can connect your own domain or use a free URL like "adres.tilda.ws". For those who tie the domain for the first time, we have a step by step Tilda instructions for various registrars. When paying any tariff year platform provides domain for free.
What else offers Tilda
Help and Support Center
Designer interface is clear on the fly. But if you have been creating websites seriously, questions will arise sooner or later. In that case, there have Tilda Help center with step by step instructions for each function, and video tutorials.
If it does not find an answer, always on communication support specialists to help solve the problem quickly. Questions can be posted directly from your personal account or email.
Weekly pass free webinars. They can learn from the platform interface and receive parsing errors your site from an expert.
Examples of sites to Tilda
Tilda possibilities enough to create hundreds of individual pages, and never again. Employees Tilda monitor decent work made by a designer. Camye interesting, able to inspire other members are placed on the list #madeontilda.
Educational Journal Tilda Education
tilda Education - magazine, which publishes practical manuals on the design, marketing and business. Tilda as a team produces a complete educational courses. Now there are three:
«Design in the Digital Environment"- author's course founder Nikita Obukhov platform, which will show some of the stages is the work of the designer of the site;
«Internet Marketing from the ground up"- 10 lectures, which will help to learn how to promote the site through a variety of channels;
«Creating a Landing Page"- a free course that teaches to create effective pages.
Who will approach Tilda
Tilda fits all, who conducts activities on the Internet. Now the designer is actively used:
- Marketers who create the page events, promotions or special projects;
- entrepreneurs who make their own websites for businesses;
- Designers created in Tilda sites to order. Site development in the designer easier and more convenient for the artist, and the customer can independently make small changes in the use of project;
- marketing agencies and marketers, freelancers, who make landing pageTo direct traffic to them;
- Media and bloggers who need to apply the material interesting.
Reviews of Tilda
Tilda changed the approach to the creation of websites and relevant to industry designers in general. On this platform, the projects create well-known brands, and design studios make websites for clients.
What people say about Tilda representatives of companies can be found on a special reviews page.
Reviews from Tilda design studios:
Overview of head Svoemedia web design studio blog "Netologii» →
Overview of professionals Uplab Agency →
Overview Qu4dro → studio
cost of
For small projects enough free fare. It is available a basic set of blocks, the limit of 50 pages and the system domain type "adres.tilda.ws"
If only one site for 500 rubles per month when paying for a year will be accessible to all Platform features: full units library, your domain functions online store, forms and payment on the site. The tariff in which you can create up to five sites, will cost 1000 rubles per month when paying for a year.
To create a site for free