Инструкция для тех, кто делает первый сайт на Tilda: визитку, лендинг услуги или страницу мероприятия. Работать лучше на компьютере в любом современном браузере — редактор на телефоне неудобен. Заранее подготовьте тексты, 5–10 хороших фотографий и контакты. На первую страницу уйдёт от одного до нескольких часов.
Зарегистрируйтесь
Откройте tilda.cc и нажмите кнопку регистрации. Укажите имя, email и пароль, затем подтвердите адрес по ссылке из письма. Используйте почту, которой вы действительно пользуетесь: на неё будут приходить уведомления об оплате и, если вы так настроите, заявки с сайта.
Создайте сайт и страницу
В личном кабинете нажмите создание нового сайта и задайте ему название. Внутри сайта создайте страницу. Tilda предложит выбрать шаблон: если среди них есть похожий на вашу задачу, берите его — это быстрее. Если нет, выберите пустую страницу и собирайте её из блоков.
Добавьте блоки
Блоки добавляются кнопкой со значком плюса между уже стоящими блоками. Для простого сайта услуги хватит такого набора:
- Обложка — название, одна фраза о том, что вы предлагаете, и кнопка «Записаться».
- О себе или о компании — короткий текст и фото.
- Услуги и цены — блок с карточками или таблицей.
- Отзывы — несколько реальных отзывов клиентов.
- Форма заявки — имя, телефон и кнопка отправки.
- Контакты и подвал — телефон, адрес, мессенджеры, ссылка на политику обработки данных.
Порядок блоков меняется стрелками у каждого блока. Лишние блоки удаляйте, а не прячьте: чем короче страница, тем легче её прочитать.
Замените тексты и картинки
Чтобы изменить текст, щёлкните по нему прямо на странице и напишите свой. Картинки, цвета, отступы и кнопки настраиваются в панели, которая открывается кнопками «Контент» и «Настройки» у блока. Загружайте фото в хорошем качестве, но без лишнего веса: огромные файлы замедляют загрузку сайта на телефоне.
Настройте получение заявок
Откройте настройки сайта и найдите раздел про формы. Подключите хотя бы один способ получения заявок — например, на email. Затем в настройках блока формы отметьте этот способ. Без этого шага форма на опубликованном сайте не будет никуда отправлять данные.
Заполните данные для поисковиков
В настройках страницы задайте заголовок и описание — их увидят в результатах поиска Яндекса и Google, — и понятный адрес латиницей. Там же можно загрузить картинку, которая показывается, когда ссылку присылают в мессенджере. В настройках сайта подключите Яндекс Метрику, чтобы видеть посещаемость.
Проверьте и опубликуйте
Включите предпросмотр и переключите ширину экрана на телефон: проверьте, что тексты не обрезаются, а кнопки легко нажимать. Затем нажмите «Опубликовать». Сайт откроется по адресу Tilda. Отправьте себе тестовую заявку через форму и убедитесь, что она пришла.
Свой домен подключается на платном тарифе: в настройках сайта укажите домен, а у регистратора добавьте записи DNS из справки Tilda. После изменений в редакторе каждый раз нажимайте «Опубликовать» снова, иначе посетители увидят старую версию.
Если что-то пошло не так
Заявки с формы не приходят.
Проверьте, что способ получения подключён в настройках сайта и отмечен в настройках именно этого блока формы, и что страница опубликована заново после изменений. Загляните в папку «Спам» почтового ящика.
Изменения не видны на сайте.
Вы, скорее всего, не нажали «Опубликовать» после правок. Если нажали, обновите страницу в браузере без кэша или откройте её в другом браузере.
Свой домен не открывает сайт.
Записи DNS вступают в силу не сразу — иногда до суток. Проверьте, что значения скопированы без опечаток и что старые записи для того же имени удалены у регистратора.
Сайт на телефоне выглядит не так, как на компьютере.
Стандартные блоки подстраиваются сами, а в Zero Block расположение для каждой ширины экрана задаётся отдельно. Откройте Zero Block, переключитесь на ширину телефона и расставьте элементы заново. Слишком длинные заголовки лучше сократить.
Блок, который мне нужен, недоступен.
На бесплатном тарифе часть блоков закрыта. Поищите похожий блок в той же категории или соберите нужное в Zero Block. Если таких блоков много, имеет смысл перейти на платный тариф.
Комментарии · 0
Комментариев пока нет — задайте вопрос первым.