Съдържание:

Как да си направим стилен уебсайт? Издателство Тилда
Как да си направим стилен уебсайт? Издателство Тилда
Anonim

- модулен конструктор, който ви позволява да създавате страхотни сайтове за кратко време: портфолиа, целеви страници, онлайн магазини, специални проекти, интерактивни истории, блогове. Всичко е ограничено само от вашето въображение. Как да създадете свой собствен уебсайт с помощта на услугата, прочетете инструкциите от нашите приятели от Tilda Publishing.

Как да си направим стилен уебсайт? Издателство Тилда!
Как да си направим стилен уебсайт? Издателство Тилда!

Как Tilda се различава от другите конструктори

1. Код за проектиране

Сглобявате сайт не просто от елементи, а от блокове, предварително проектирани от дизайнер. Ако е текст, тогава размерът на шрифта, отстъпите и разстоянието между редовете се коригират в него. Ако това е снимка, тогава надписът ще бъде разположен на правилното място. Повечето блокове са съставени от няколко елемента, които дизайнерът вече е сглобил в композиция. Не е нужно да озадачавате къде и какво трябва да се намира.

Тилда: код за дизайн
Тилда: код за дизайн

Например корица (първи екран). Състои се от снимка, заглавие, описание и понякога бутон. Оценявате съдържанието, с което разполагате, избирате подходящата опция от 30 корици, променяте снимката и текста - готово. Не е нужно да мислите за размера на шрифта или отстъпа между заглавието и описанието, където трябва да се намира бутонът. Дизайнерите са помислили за вас. Естествено, всички параметри могат да се променят, ако има увереност и разбиране за това, което правите. Но като отправна точка, предварително проектираните блокове са много добра подкрепа.

Образ
Образ

2. Гъвкавост на използване

Разработчиците помислиха за: да свържете свой собствен домейн или поддомейн, да оставите сайта в поддомейна на Tilda, да експортирате сайта и да го поставите на вашия сървър, да направите част от сайта на Tilda и да го вградите в съществуващия сайт, настройте публикуване чрез API. Има плъгини за интеграция със сайта на WordPress и Bitrix.

3. Услуги за получаване на данни от формуляри

Двадесет услуги са интегрирани с Tilda: имейл, Google Drive, MailChimp, SendGrid, GetResponse, UniSender, SendinBlue, Mailerlite, SendPulse, AmoCRM, Megaplan, Pipedrive, Zoho CRM, Hubspot, Bitrix24, Telegram, Zeckier, Web Trello,.

Можете да получавате приложения по имейл, да създавате пощенски списъци или да събирате потенциални клиенти в система за управление на клиентски данни (CRM).

Също така потребителите могат да използват вградената Tilda CRM безплатно за удобна работа с приложения.

4. Добавяне на уникални елементи

Ако имате нужда от специални функции, които не са налични по подразбиране, използвайте функцията за вмъкване на HTML. Можете да намерите готови решения или да поръчате разработка от програмист - парче код няма да струва цяло състояние.

Услуги, които лесно се добавят към проект на Tilda:

  • Хронология за събитията -.
  • Интерактивни карти -.
  • Продажба на билети за събитието -.
  • Интерактивни изображения -.
  • Обратна връзка -.

5. Професионален Zero Block редактор за дизайнери

С помощта на Zero Block можете да създадете дизайн на уебсайт с всякаква сложност. В блока Zero можете да редактирате всички елементи на сайта и да настроите сложни анимации.

Образ
Образ

6. Услуги за приемане на плащания

Когато създавате онлайн магазин на Tilda, можете да свържете удобна за вас система за плащане и да получавате плащане онлайн законно. Tilda разполага с 14 платежни услуги за свързване: Cloudpayments, Robokassa, PayPal, YuMoney, YuKassa, Alfa-Bank, Sberbank, Tinkoff Bank, LiqPay, bePaid, 2Checkout, PayAnyWay, Stripe и WayForPay.

Първи стъпки в Tilda Publishing

Първи стъпки в Tilda Publishing
Първи стъпки в Tilda Publishing

Да преминем от теория към практика. След като се регистрирате в Tilda, дайте име на новия си сайт, кликнете върху бутона „Създаване на нова страница“и ще видите списък с шаблони. Изберете този, който ви подхожда и го адаптирайте или започнете от празна страница. Изборът не ограничава вашата креативност по никакъв начин: по всяко време можете да промените шаблона до неузнаваемост. Това е само пример за добър дизайн и пример за използване на блокове.

Образ
Образ

Ако решите да създадете страница от нулата, Tilda ще ви предложи да гледате кратко видео за това как работи интерфейсът.

Интерфейсът е много прост: вляво е библиотека от блокове, разделени на категории. Цялото съдържание на блока се редактира на базата на щракване и промяна.

Редактиране в Tilda Publishing
Редактиране в Tilda Publishing

Общи насоки за създаване на уебсайт

Строго погледнато, създаването на уеб проект не започва с регистрация в конструктор на уебсайтове. Първо, трябва да формулирате идея и да помислите за структурата, след това да проведете проучване, след това да скицирате няколко варианта за бъдещия сайт и да подготвите съдържанието. Подробностите за този процес са описани подробно в статията на екипа на Tilda Publishing "".

Вижте как се създават различни типове проекти: страница, многостраничен сайт, блог или longread.

Този раздел ще ви помогне да разберете по-добре възможностите на платформата и да намерите вдъхновение. Ето няколко примера за добра потребителска работа.

Образ
Образ

След като сте настроили всички блокове, уверете се, че сайтът изглежда добре и подреден. Подравнете отстъпите, направете последователни заглавия, проверете дали размерът на шрифта е същият в текста. Уверете се, че има достатъчно свободно място на сайта. Можете да прочетете повече за спретнатостта в статията на екипа на Tilda "".

Помислете за навигация в сайта или в рамките на една страница. Добавете меню, уверете се, че е добре визуално: не е твърде голямо, не претоварва цялата страница. Не трябва да има много елементи от менюто, за предпочитане не повече от пет. Чувствайте се свободни да увеличавате секциите. Имената трябва да бъдат кратки, те трябва да се четат с един поглед. Елемент от менюто от три думи очевидно не е подходящ.

Пример за меню
Пример за меню

Не забравяйте да включите марков шрифт. В Tilda можете да изберете основни шрифтове от вградената библиотека. Те са безплатни за потребителите на платформа. Можете също да свържете шрифтове от Adobe Fonts, Google Fonts или да качите свои собствени.

Публикувайте сайта си. Дайте му име, като използвате поддомейна на Tilda, свържете свой собствен домейн или експортирайте кода и го поставете на вашия сървър.

Не забравяйте за статистиката. Tilda има вградена статистика за уебсайтове и онлайн магазини. За по-задълбочени анализи се регистрирайте в Google Analytics или Yandex. Metrica, вземете кода и го напишете в настройките.

Погрижете се как ще изглежда вашият сайт, когато се показва в търсачките или социалните мрежи: попълнете името на сайта, описанието, добавете ключови думи. Осигурете на всяка страница малка снимка, след което при споделяне тя ще бъде качествено рамкирана.

Предимства на Tilda Publishing

  1. Няма нужда да знаете кода … Не е нужно да се учите да кодирате или да искате помощ от познати програмисти. Всички настройки в удобен редактор.
  2. Не е необходим дизайнер. Блоковете са проектирани от професионалисти, всички пропорции са проверени и хармонични.
  3. Адаптивен дизайн. Блоковете са проектирани така, че да не се налага да коригирате дизайна за таблети и смартфони. Сайтът изглежда страхотно на всички устройства.
  4. Лесно редактиране. Ако направите уебсайт за клиент, то в бъдеще той ще може бързо да прави промени и да поддържа сайта сам, без помощта на професионалисти.
  5. Домейн или експортиране. Сайтът се свързва със собствен домейн или се експортира като код за хостинг на друг сървър.
  6. Вградена аналитика. Можете да преглеждате посещения и потребители (включително по страница). Освен това броячите на Google или Yandex са свързани в специален интерфейс чрез просто посочване на номер.
  7. Оптимизация за търсачки … Вие контролирате как изглежда сайтът в резултатите от търсенето или социалните медии.
  8. Дизайн с всякаква сложност. Можете да създавате свои собствени блокове и да имате пълен контрол върху подреждането на елементите на сайта.
  9. Гъвкаво персонализиране. Всички специални елементи се добавят чрез поставяне на HTML код.
  10. Голям избор от шрифтове. Свържете произволен шрифт от Typekit, Google Fonts или използвайте свой собствен.
  11. Форми за получаване на данни. Вашите клиенти ще могат да се абонират за актуализации, да оставят своя телефонен номер или имейл. Интегрирани девет услуги за получаване на данни.

Тарифни планове

Безплатно. Един сайт, 50 страници, 50 MB сървърно пространство. Адрес на сайта от формата mysite.tilda.ws. Е свободен.

Лични. Един сайт, 500 страници, 1 GB сървърно пространство. Връзка с домейн и пълна колекция от блокове. 500 рубли на месец, ако се плаща за годината.

Бизнес. Пет сайта, 500 страници (за всеки сайт), 1 GB сървърно пространство. Експортиране на код. 1000 рубли на месец, ако се плаща за годината.

Образование на Тилда

Образ
Образ

В допълнение към услугата за създаване на уебсайтове на платформата, има онлайн списание Tilda Education, библиотека от знания за уеб дизайна и маркетинга. Практическите ръководства и видео уроци отговарят на конкретния въпрос "как?" и помощ в ежедневната работа. Дизайнерските статии съдържат инструменти за намиране на идеи, разширяване на професионалните ви хоризонти, оформяне на визуалния ви вкус и проследяване на тенденциите в уеб дизайна. Потребителските истории на Tilda ви вдъхновяват да създавате свои собствени проекти, а курсовете ви помагат да овладеете основната теория на дизайна и да подобрите компетенцията си за уеб публикуване.

Tilda пусна пет курса, които можете да вземете сами по всяко удобно време: „Създаване на целева страница“, „Дизайн в дигитална среда“, „Интернет маркетинг от нулата“, „Анимация в мрежата“и видео курс за методът за разработване на продукта.

Препоръчано: