Как работать с конструктором tilda

С чего все началось

Как и любому студенту, мне хотелось подзаработать на какие-то мелкие «хотелки», но работа, которую предлагали учащимся меня не устраивала.

Времени приходилось тратить много, а получала я в итоге сущие копейки: например, при работе промоутером я получала около 120 рублей в час, находясь на улице до шести часов в любую погоду. Поэтому выбор пал на фриланс.

Вовремя подвернулась знающая подруга, которая на мои сетования о маленьком заработке посоветовала попробовать начать работать на Тильде, а точнее делать лэндинги — маленькие сайты, которые обычно призывают что-то купить или записаться на консультацию.

Сначала я отмела эту идею, ведь сайты же делают программисты, а я, гуманитарий, точно не смогу с этим разобраться.

Но она объяснила, что Тильда — это сайт-конструктор, в html-верстке для работы разбираться не надо, и программирование тут вообще не при чем. Так я решила для себя попробовать профессию UI/UX-дизайнера.

Как настроить сайт на Tilda

Те функции, с помощью которых мы создали сайт, – это не все, что может Тильда. Есть еще один раздел редактирования, в котором можно поменять различные настройки веб-сайта. Чтобы его открыть, достаточно перейти в раздел «Мои сайты», выбрать «Редактировать сайт» и затем нажать «Настройки сайта».

Здесь находятся все внутренности сайта: настройка шрифтов, цвета и главной страницы, аналитика сайта, добавление собственного доменного имени, подключение SEO-сервисов и многое другое.

Тут же мы можем подключить платежные системы либо ограничить доступ к опубликованным страницам. Функционала вполне достаточно, но я не рекомендую забивать голову всем сразу: для начала будет достаточно первых 4-х разделов.

Как создавать страницы

После оплаты домена можно приступить к созданию страниц. Во вкладке «Мои сайты» на панели управления кликните на «Создать страницы» и выберите шаблон. Если нужно сделать без шаблона, то можно создать пустую страницу.

Как сделать страницу с чистого листа

Добавьте контент, отрегулируйте величину и количество блоков. Шаблонные страницы можно свободно редактировать на свое усмотрение. Из выпадающего меню выбирайте подходящие шаблоны либо создавайте свои собственные.

Как работать с внутренними страницами

Выберите тег для заголовков блоков и укажите ссылку, которая будет переводить посетителя на конкретную внутреннюю страницу. Оформление дизайна идет в том же ключе, что и при создании страницы с чистого листа.

Стоит ли выбирать Тильду

Этот сервис считается одним из самых удобных приложений для создания сайта. Он предоставляет бесплатные и платные возможности в области написания сайтов – с простым интерфейсом Тильды может разобраться практически любой пользователь. Она служит хорошим инструментом для фрилансеров и начинающих предпринимателей.

Плюсы и минусы

Среди преимуществ конструктора можно выделить:

• большой функционал;
• редактор для создания авторского, а не шаблонного дизайна;
• сервисы аналитики, которые помогут проследить успешность маркетинга;
• проверку SEO-оптимизации готового продукта;
• наличие CRM.

Но Тильда не лишена недостатков:

• внушительные тарифы по сравнению с другими похожими сервисами;
• в бесплатной версии отсутствует возможность подключения домена;
• шаблоны удобны только для лендингов;
• при переносе сайта на другую платформу потеряются многие элементы;
• не подстраивается под размеры экрана автоматически.

Отличие от WordPress

Тильда – конструктор сайтов, который прост в использовании, но его возможности ограничены отсутствием подробных настроек для программирования. WordPress гораздо сложнее в использовании непрофессионалом, но в то же время предоставляет много возможностей для реализации скорости сайта, самовыражения, создания авторской конструкции и дизайна. Поэтому WordPress больше подходит для продвинутых пользователей, программистов, которые разбираются в механике работы сайта.

Наши продукты помогают вашему бизнесу оптимизировать расходы на маркетинг Узнать подробнее

Интеграции Tilda с другими системами

Но этот список ограничен парой десятков сервисов и среди них может не оказаться инструмента, который необходим именно вам. В таком случае выручит онлайн-коннектор ApiX-Drive. Это платформа для быстрого создания интеграций между разными системами. С ее помощью можно подключать к Tilda огромное количество дополнительных инструментов. Перечислим некоторые из них.

• CRM. Подключайте свой магазин к amoCRM, «Битрикс24», retailCRM, U-ON.Travel, «МойСклад», «Клиентикс», GetCourse, Odoo, YClients, Intrum, Creatio или «Мой склад». В результате заявки будут автоматически попадать из формы вашего сайта в выбранную систему управления заказами.
• Мессенджеры. Хотите получать уведомления о новых заказах на сайте прямо в любимом мессенджере? Просто подключите форму своего магазина к Viber, Telegram или Slack.
• Сервисы SMS-рассылок. Интеграция Tilda с одним из сервисов рассылок позволит наладить автоматическую отправку уведомлений с подтверждением заказа. Заполнив форму на сайте, клиент получит соответствующее SMS. Коннектор поддерживает TurboSMS, AlphaSMS, Intel Telecom, SMS.RU, «SMS-Центр», SMS Club и прочие сервисы рассылок.
• Системы управления проектами. Если вы принимаете через сайт заявки на услуги, можете подключить к нему Trello, Meistertask, Worksection, «Мегаплан» или Planfix. В таком случае каждая заявка будет автоматически добавляться в выбранный планировщик в виде новой задачи.
• Онлайн-таблицы. После интеграции с Google Sheets все оставленные посетителями данные будут автоматически копироваться из форм в «Гугл таблицу». К примеру, если вы принимаете через сайт заказы, то сможете использовать Google Sheets как CRM.

Кроме того, коннектор поддерживает многоуровневые интеграции. То есть вы можете выбрать Tilda как источник данных и подключить к нему несколько сервисов-приемников: к примеру, CRM, систему SMS-рассылок и мессенджер. В таком случае данные из форм будут автоматически передаваться в каждый подключенный сервис.

Например, когда посетитель отправляет заказ через форму, тот попадает в CRM, затем клиент получает подтверждение по SMS, а вы — уведомление о новом заказе в мессенджере. Все перечисленные действия коннектор выполняет на автомате.

Публикуем сайт

По умолчанию платформа присваивает новому сайту буквенно-цифровой адрес вида project1234567.tilda.ws. Но мы хотим красивую ссылку, поэтому нажимаем на My site в левом верхнем углу редактора.

Кстати, «Тильда» сразу сохраняет все наши изменения, поэтому на странице нет кнопки «Сохранить». Если пропал интернет или вы случайно закрыли вкладку, никакие данные не потеряются. А на сайт они попадут только после нажатия кнопки «Опубликовать» — так что можно смело экспериментировать с содержанием страницы.

Страница шаблонов сайта

Переходим в настройки сайта.

Кнопка «Настройки сайта»

Указываем нужное название ссылки шдля публикации. Она будет отображаться в адресной строке браузера, и по ней можно зайти на ваш сайт. Мы не привязывали к сайту свой домен второго уровня (например, skillbox.ru), поэтому сделаем красивый домен третьего уровня. В моём примере ссылка на сайт будет webisamurai.tilda.ws.

Меняем имя ссылки субдомена

Ссылка готова. Сохраняем изменения и публикуем сайт. Опубликовать его можно двумя способами:

1. Со страницы шаблонов проекта — с помощью кнопки «Публиковать».

Публикация сайта со страницы рабочих шаблонов

2. В режиме редактирования страницы — с помощью кнопки «Опубликовать».

Публикация из режима редактирования страницы

Публикуем. Ждём подтверждения от «Тильды».

Подтверждение публикации и активная ссылка сайта

Переходим по ссылке, нажав на кнопку «Открыть страницу», и проверяем, всё ли работает

Обращаем внимание на адресную строку браузера

Проверяем ссылку в адресной строке

Всё работает корректно, а по ссылке можно посмотреть результат этого урока.

Мое обучение

Для начала я прошла все бесплатные курсы, которые предоставляет сама платформа Тильды. Разобраться в самом функционале было не трудно, гораздо труднее было понять, что делает сайт продающим.

Но и это оказалось не так сложно, в работе нужно ориентироваться на конкурентов, а остальное уже приложится по ходу дела.

После прохождения курсов я принялась набирать портфолио. Другой моей подруге был нужен сайт, на котором она могла бы рекламировать свои услуги репетиторства, и я с радостью взялась за работу.

Параллельно я начала изучать Figma — графический редактор для дизайнеров, чтобы в дальнейшем пользоваться не готовыми блоками, а создавать свои.

Я придумала и воплотила несколько своих идей, и также вставила их в своё портфолио.

Одной из них был сайт для фотографа, который хотел бы продавать свои фотосессии, посвященные одной тематике, а другой — визитная карточка для небольшой кофейни из Петербурга (естественно, выдуманной).

Какой дизайн можно сделать на Tilda

Можно начать подборку дизайна с чистого листа или с помощью готовых программных шаблонов, модернизировать готовый шаблон или посмотреть, как выстроены шаблоны, и самому создать типовой проект. Рассмотрим подробнее каждый вариант.

Готовые шаблоны

Шаблоны разделены по тематикам – например, варианты сайта для бизнеса, быта, досуга и т.п. Они отличаются дизайном и функционалом, который реализуется для каждой темы.

Готовые блоки

В готовые блоки можно добавлять дополнительный контент – например, изображения, ссылки из интернета, видео и команды, карты из поисковиков и прочее. Готовые блоки автоматически подстраиваются под тип устройства – смартфон, планшет, компьютер. Для корректировки достаточно использовать ползунок, который находится внизу экрана.

Текст и изображения

У Тильды есть шаблоны с прописанными стилями для текстов и изображений. Чтобы форматировать текст, нужно только нажать на него и выбрать нужные настройки. Редактор автоматически подберет правильный вид, удалит некорректные скобки, тире и запятые. Изображения загружаются из интернета и непосредственно из памяти компьютера. Допустимо добавлять текст, редактировать шрифты, вставлять иконки и пояснения.

Zero-блоки

Zero-блоки – чистый лист, с помощью которого можно воплотить самую сложную задумку. Здесь можно отрегулировать вручную любой компонент — адаптацию для устройства, колористику, контент, заглавное изображение. Блоки считывают анимацию и вставляют ее на нужное место в тексте или на сайте.

Что еще может Тильда

Тильда обладает специальным функционалом и возможностями, недоступными для аналогичных сервисов. Например, можно сделать интеграцию с другими сервисами, CRM-системами, WordPress, создать промокод и подключить оплату прямо на сайте.

Интеграция с WordPress

Постоянные клиенты WordPress могут воспользоваться возможностями сразу двух конструкторов, например, если возникла необходимость быстро оформить лендинг или сайт-визитку. Для интеграции с WordPress необходимо обладать бизнес-подпиской и установить на компьютер дополнительный плагин. Подписка не всегда целесообразна, так как у WordPress достаточно собственных бесплатных инструментов для создания одностраничных сайтов.

Подготовка писем для рассылки

Конструктор писем позволяет создавать готовые шаблоны для рассылки и автоматически отправлять их по электронной почте. Коды для рассылки экспортируются на другие платформы. Созданные письма хранятся в виде шаблонов как страницы.

Создание пользовательских блоков

С помощью пользовательских блоков дизайн страницы регулируется самостоятельно. Не нужно дополнительно платить дизайнеру, так как на Тильде много красивых решений, которые можно адаптировать под себя. Для использования функции нужно обладать минимальными знаниями в области программирования.

Интеграция с внешними сервисами

Сервис легко интегрируется с внешними службами. Для интеграции достаточно указать нужную программу в перечне в меню настроек.

Сайт можно интегрировать с:

• CRM;
• системами приема платежей;
• формами для получения контактов.

Чтобы инвертировать платежные системы, нажмите на кнопку «Формы» в меню, дальше – «Платежные системы».

Создание промокодов

Промокод поможет привлечь пользователей, что важно для бизнеса. Нужно указать параметры промокода, кодовое слово или цифровую последовательность, нажать на кнопку «Опубликовать»

Электронная торговля

На Тильде можно легко и быстро создать сайт для небольшого онлайн-магазина. Есть возможности старта онлайн-продаж с соответствующими инструментами: специальные адаптированные модули и шаблоны для бизнеса и формы оплаты, которые запускают функцию за несколько часов.

Пользовательская страница 404

Пустую страницу или страницу с ошибкой 404 тоже можно редактировать без изменения кодов во вкладке меню «Еще». Так она не будет выглядеть скучно и типично, если придумать свой уникальный текст. С помощью инструментов легко разобраться, даже если нет никаких знаний программирования.

Tilda CRM

После подключения услуги все заявки сайта приходят в CRM-формате. В заявке оператор сможет увидеть контактные данные пользователя и быстро связаться с ним. Для просмотра списка заявок откройте контекстное меню.

Где искать заказы на разработку сайтов

Есть несколько основных источников заказов. Воспользовавшись ими, можно выйти на стабильный ежемесячный доход.

Биржи фриланса. Это основной источник для новичков. Здесь множество простых и малобюджетных заявок, которые отлично подходят для получения опыта и наработки портфолио. Вот некоторые из бирж: Freelance.Ru, Kwork.Ru, FL.Ru. Конкуренция на них достаточно высокая, однако и заказов много, поэтому работы хватит на всех, а если вы предложите более низкую цену – то наверняка получите свои первые заказы. После того как наработаете портфолио и хорошую репутацию, искать клиентов станет проще. 

Сайты с вакансиями. Здесь может быть два метода поиска клиентов: смотреть вакансии на поиск веб-дизайнера или собирать базу предпринимателей, чтобы рассылать им коммерческое предложение. Второй метод менее эффективен, но все-таки и его нужно иметь в виду. Примеры таких сайтов: HH.ru, RosRabota.Ru, Zarplata.Ru и т.д.

Группа ВК Тильды. Сейчас в ней состоит более 50 тыс. пользователей. В нее заходят не только веб-дизайнеры, но и потенциальные заказчики. 

Ваш сайт, блог, аккаунт в соцсетях. Вы можете вести свой интернет-ресурс и продвигать его. Если это сайт, то поможет контекстная реклама Яндекс и Google. Если это соцсети – таргетированная реклама. 

Тематические группы ВК

Обратите внимание на группы, посвященные малому бизнесу. Там собираются индивидуальные предприниматели

Многие из них даже не задумывались о создании сайта. Расскажите им о пользе ресурса и предложите готовое решение.

Сарафанное радио — лучший источник клиентов. А для этого потребуется качественно выполнять заказы. Не стесняйтесь просить клиентов рассказать о вас или оставить отзыв о вашей работе. 

Рекомендации с образовательных курсов. Некоторые специалисты, которые обучают веб-дизайну на платформе Тильда, могут помогать своим выпускникам находить первые заказы. Это нераспространенная практика, но все-таки подобные истории случаются. 

Tilda Expert. Это раздел на самом сайте Тильда представляет собой каталог дизайнеров и систему заказов, позволяющую исполнителю и заказчику найти друг друга. Вы можете зарегистрироваться в Тильде экспертом, создать свое портфолио и управлять им. Плюс заключается в том, что сервис не берет комиссию  и проценты. Когда вы регистрируетесь как тильда-эксперт и выкладываете свое портфолио, ваш профиль оценивается специалистами по пятибалльной шкале. Например, вы получаете 4 балла. Далее вам доступны проекты с той ценой, которые отвечают требованиям к специалистам с 4 баллами. Чем выше оценка – тем дороже и сложнее проекты. К системе подключается ранжирование, поэтому новичку сложнее получить заказ таким образом. Однако попробовать стоит.

Где я искала клиентов

И вот, я решила, что готова к настоящей работе, за которую мне будут платить деньги. И дело встало. Где же найти клиентов, когда ты не раскрученный дизайнер со своей командой, а лишь зеленый новичок?

Для начала я сунулась на сайт для фрилансеров fl.ru, там я нашла пару интересных заказов, отправила заявки, и приготовилась ждать. Но мои попытки найти работу будто канули в Лету, заказы у меня брать никто не хотел.

Тогда я решила действовать другим путем. Большинство мелких заказчиков любят сидеть в телеграмме, там можно пообщаться с исполнителем напрямую и не надо будет платить деньги за размещение своего объявления.

Я присоединилась к чату под названием «ПОМОГАТОР», в котором как заказчики, так и сами фрилансеры могли искать и предлагать услуги. И тогда все сдвинулось с мертвой точки.

Основные возможности Tilda

Блоки Tilda. Как мы уже сказали, пользователь собирает сайт из блоков. Каждый из них отображает на странице определенный элемент: фрагмент текста, форму для ввода данных, иллюстрацию, видео, отзывы, контакты и так далее. Добавив блок, можно настроить его расположение на странице, внутренний контент, функции и внешний вид.

Шаблоны. Необязательно собирать сайт с нуля. В конструкторе есть обширный каталог шаблонов для самых разных проектов: от цветочного магазина до персональной страницы тренера по фитнесу. Шаблон представляет собой готовый набор блоков, который одинаково хорошо отображается как на компьютерах, так и на мобильных устройствах. Контент и оформление можно отредактировать — получится уникальный сайт.

Инструменты для интернет-продаж. В конструкторе можно создать сайт для приема денег через популярные платежные системы. Такой вариант подойдет, например, для заработка на вебинарах. Более того, система позволяет собрать полноценный магазин с карточками товаров. Заказы будут отображаться во встроенной CRM прямо в личном кабинете Tilda.

Настройки домена. Система позволяет бесплатно зарегистрировать домен вида «имя-сайта.tilda.ws». На платных тарифах к сайтам также можно подключать собственные домены вроде «имя-сайта.com». При этом первый год использования домена входит в подписку, далее его придется оплачивать отдельно.

SEO-инструменты. Вы можете оптимизировать сайты для продвижения в поисковых системах. Tilda позволяет прописывать мета-теги, выбирать теги заголовков, настраивать URL страниц, а также проверять отображение в поисковиках с помощью интеграций с Google Search и «Яндекс.Вебмастер». При желании сайт можно сделать невидимым для поисковых систем.

Аналитика. Вы можете следить за посещаемостью и поведением пользователей на сайте. Конструктор отображает такие показатели, как число посетителей и просмотров, конверсии, количество заходов с мобильных устройств, процент дочитывания страниц, число заявок и так далее. Для более подробной аналитики можно подключать сторонние системы Google Analytics и «Яндекс.Метрику».

Редактор Zero Block. Если шаблонов и стандартных инструментов для изменения блоков не хватит для ваших задач, можете воспользоваться продвинутым редактором Zero Block. Он предоставляет почти неограниченную свободу для управления внешним видом страниц. С его помощью можно редактировать текст, картинки и прочие элементы дизайна с точностью до пикселя. Это позволит вам создать по-настоящему уникальный сайт.

Как начать зарабатывать на создании сайтов

Пошаговое руководство о старте веб-дизайнера Тильды. Проработав каждый этап, вы уже через пару месяцев сможете выйти на стабильный поток заказов и хороший ежемесячный доход.

Шаг 1. Определяем специализацию

Чтобы определиться со специализацией, подумайте, что из этого вам наиболее интересно, какие знания вы можете применить в работе. Оцените рынок услуг веб-дизайнеров на Тильде, рынок запросов в группах – каких специалистов меньше и каких заказов больше. 

После этого определитесь с целевой аудиторией. 

Шаг 2. Получаем навыки и опыт

Новичкам советуют делать первые сайты по аналогии с другими: просто копируйте сайты, нарабатывайте навык. Можете выполнить пару заказов бесплатно или за символическую плату. Если у вас есть знакомые предприниматели, предложите сделать им простенький сайт для своего портфолио. 

Шаг 3. Собираем портфолио

Обязательно сохраняйте свои работы и размещайте их в своем портфолио. По ним оценят ваш профессионализм и перспективы сотрудничества.

Шаг 5. Развиваемся и зарабатываем больше

Развивайтесь как специалист, работайте на перспективу – и тогда сможете зарабатывать больше. Осваивайте новые навыки, расширяйте специализацию. Веб-дизайнеру будет полезно разобраться в написании текстов, SEO, интернет-маркетинге, веб-аналитике.

И, конечно, не забывайте о повышении своих услуг. Чем больше опыта и навыков, положительных отзывов, работ в портфолио – тем выше стоимость услуг. Выходите на новый уровень, беритесь за сложные и высокобюджетные проекты – и сможете в разы увеличить свой доход. 

Несколько советов тем, кто хочет зарабатывать на Тильде

1. Для начала обязательно ознакомьтесь с обучающим материалом, который представляет сама платформа. Есть как полезные статьи, так и видео-уроки (раздел «Обучение»). Можете пройти дальнейшее обучение – и подобрать курс по веб-дизайну, чтобы разобраться в нюансах работы с Тильдой. 

2. Тренируйте насмотренность, смотрите на сайты от крутых веб-дизайнеров, вдохновляйтесь. Можно подписаться на инстаграмы: @tildapublishing, @interfacely, @dailywebdesign

3. Создайте хорошее портфолио с качественными работы по той специализации, в которой планируете развиваться. Выберите 5-10 проектов. Не стоит показывать все работы – как правило, заказчик оценивает уровень специалиста по самому слабому проекту. Если только начинаете путь веб-дизайнера, сделайте 3-5 бесплатных проектов, но с полной свободой, чтобы показать свой уровень. 

4. На Тильде есть партнерская программа – ее суть в том, что вам дается специальная ссылка, по которой регистрируется другой пользователь. Когда он впервые вносит оплату за тариф, то платформа дарит месяц бесплатного пользования и вам, и рефералу. Это выгодно использовать, когда делаешь сайты на заказ и регистрируешь аккаунт заказчика. 

5. Предлагайте заказчикам дополнительные услуги для привлечения потенциальных клиентов на сайт. Это обеспечит дополнительный ежемесячный доход при небольших трудовых затратах. Например, вы можете изучить изучить SEO или специфику контекстной рекламы.  Если не хотите заниматься этим самостоятельно, найдите фрилансеров и передавайте заказы им. 

6. Ведите базу клиентов, которым сделали проект. Через 3-4 года возвращайтесь с предложением сделать редизайн. Во-первых, многим за это время может наскучить внешний вид ресурса. Во-вторых, дизайн сайта может устареть. 

Для каких проектов подходит Тильда

Тильда многофункциональна – подходит для всех типов личных проектов, небольших лендингов. При желании сайт на ней можно сделать по схеме классической веб-разработки со всеми составляющими: прототипированием, дизайном, оптимизацией.

Собственный веб-сайт или портфолио

Тильда подходит для модификации личного сайта или другого подобного проекта. Базовые шаблоны позволяют не использовать дорогую верстку HTML и сократить стоимость проектирования. К мелким проектам можно вовсе не привлекать разработчика, а попытаться справиться с задачей самостоятельно.

Контент-проекты

На базе Тильды сделано одно из самых больших медиа по химической промышленности в России от Инжинирингового химико-технологического центра в Томске. Владельцы центра утверждают, что получают 15% своей годовой прибыли только благодаря этому проекту. Простота Тильды удобна и пользователям, и авторам, поэтому приносит положительные результаты.

Лендинги

Создать лендинг по силам даже неспециалисту. Можно сэкономить на проекте, если попробовать самостоятельно изучить инструменты Тильды. Это большой плюс для новичков в бизнесе, особенно для начинающих компаний, которые не хотят вкладывать много средств в создание сайта.

Сайты для мероприятий и промостраницы

Тильда подходит для создания продающих промостраниц и позволяет делать привязку к другим сервисам. Например, на ее платформе можно сделать сайт по продаже билетов или с приглашением зарегистрироваться на мероприятие. Промостраницы помогают прорекламировать продукт, мотивировать клиентов на покупку и увеличить продажи. 

Сайты обучающих проектов

На Тильде можно сделать как посадочную страницу для продажи курсов, так и оформить контент для обучения. Ссылку на курсы можно присылать пользователям прямо по электронной почте. Причем есть возможность сделать СЕО-оптимизацию, привязать сайт по самым частотным запросам, отправлять приглашения на урок и продвигать страницу только для целевой аудитории.

Другие возможности Tilda

Есть возможность создавать вкладки, по которым будут отсортированы статьи на сайте – так называемые, теги. Их можно задавать как по тематике статей, так и наиболее часто встречающимся запросам.

Еще одна удобная функция – наличие калькулятора. Он полезен для создания кодов и тестов, которые помогают выявить ошибки в работе сайта еще на стадии проектирования. Калькулятор доступен в бесплатной версии.