Как сделать сайт на Тильде: подробная пошаговая инструкция

Перед тем, как создавать сайт, задайте себе важный вопрос — зачем он вам? Что вы хотите сделать с его помощью? Представить свою компанию? Представить себя? Прорекламировать продукт? Для всех этих целей нужны разные страницы с разной структурой. Можно ли их самостоятельно собрать на сайте-конструкторе? Да! Мы полностью обновили материал 2016 года и открываем им цикл статей о современной Тильде — из 2020-го. Сегодня вместе с Ириной Ждановой вы погрузитесь в теорию и узнаете, как сделать сайт на Тильде самостоятельно. А позже мы расскажем и о том, как сделать лендинг, и о том, как собрать и запустить блог, и о том, из каких блоков создаётся сайт-визитка на Тильде. Не переключайтесь.


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

Регистрация на Тильде

Первым делом зарегистрируйтесь в системе. Чтобы создать новый аккаунт, нажмите «Регистрация» или «Создать сайт бесплатно».

На экране регистрации введите имя, е-мейл и придумайте пароль.

Вы попадёте внутрь конструктора. С этого момента вы уже можете делать свой первый сайт. Нажмите «Создать» на всплывшем окне.

Если вы закрыли это окно, ничего страшного. Нажмите на кнопку «Создать новый сайт», которая всегда видна в правом верхнем углу.

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

Возможности бесплатного тарифа Тильды

В бесплатном аккаунте доступен один сайт с 50 страницами. Это означает, что вы можете сделать как один сайт, одно- или многостраничник, так и несколько лендингов, если, например, вы продаёте похожие продукты под одним доменным именем.

На технические страницы — меню и «подвал» (самый нижний блок) — отводится 2 отдельные страницы. Это значит, что у вас будет ещё 48 страниц для творчества.

Естественно, ненужные и потерявшие актуальность страницы можно удалять, а на их месте — создавать новые.

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

Предположим, вы решили создать сайт-визитку, сделать лендинг с рекламой своих услуг или курса, а позже — прикрутить к сайту блог. Тогда бесплатного тарифа вам хватит на то, чтобы создать все нужные страницы сайта-визитки: обо мне, услуги, тарифы, отзывы, портфолио. На лендинг уйдёт ещё одна страница. И ещё страниц 40 останется на блог. Когда исчерпаете лимит, будете точно знать, нужен вам платный тариф или стоит сделать сайт на Вордпрессе

Шаг 1. Создайте проект и дайте доменное имя сайту на Тильде

Первым делом придумайте название проекту.

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

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

В первый заход вам подсветят самые главные кнопки: «Справочный центр», «Настройки сайта» и «Создать новую страницу».

Пройдёмся по каждой из них.

В справочном центре вы сможете получить ответ на любой свой вопрос. У Тильды очень дружелюбная техподдержка, всегда готовая до последнего решать вашу проблему. Они говорят на русском — это важно.

В настройках сайта нас интересует сейчас вкладка «Главная».

Здесь нужно поменять название проекта и в поле «описание сайта» обозначить суть проекта.

Домен на Тильде

По умолчанию доменное имя вашего сайта будет выглядеть как «projectXXXXXXXXXX.tilda.ws». Это домен (название сайта) третьего уровня. На бесплатном тарифе вы можете поменять только часть с «projectXXXXXXXXXX». Подключение своего домена, без приставки «tilda», возможно только на платных тарифах. Запишите, как будет называться ваш субдомен — что будет отражаться в адресной строке.

В левом меню вы пока заполняете только данные во вкладке «Главное». Всё остальное или рано, или доступно только на платных тарифах. После правок нажмите кнопку «Сохранить изменения», а затем — «Закрыть». Вы снова попадаете в окно редактирования сайта.

Шаг 2. Создайте новую страницу на Тильде

Кнопка «Создать новую страницу» приводит нас к целому морю возможностей.

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

Шаблоны для всех этих сайтов перед вами, в 6 вкладках, до первой опубликованной страницы. Когда вы её опубликуете, появится 7-я вкладка «Внутренние страницы». Если вы будете создавать свои личные шаблоны, у вас появится 8-я вкладка — «Мои шаблоны».

Выберите шаблон

Первый лист во вкладке «Бизнес» — не шаблон. Это белый лист, вы можете добавить туда что угодно. Но я рекомендую вам пролистать все остальные шаблоны. Посмотрите, какие элементы на них вам нравятся визуально, а какие — вам есть чем наполнить. И выберите тот, который подходит больше всего.

Все шаблоны можно рассмотреть подробнее. Нажмите на выбранный, и он развернётся во весь экран.

Мы можем:

  • Создать страницу у себя кнопкой «Создать страницу»
  • Листать шаблоны дальше стрелками и смотреть сразу большие
  • Закрыть окно шаблона и вернуться на экран их выбора.

Шаблон выбран. Что же дальше?

Шаг 3. Отредактируйте настройки страницы на Тильде

Если навести курсор на название, станут видны три кнопки: «Настройки», «Публиковать» и «Удалить». Сейчас вам нужна первая — с настройками.

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

Заголовок и описание страницы

Заполните «Главное».

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

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

Адрес страницы — то, как будет выглядеть ссылка на страницу. Если заголовок и описание нужно делать на русском, то ссылка должна быть латиницей.

Заполните эти поля по образцу:

Бейджик

В окне следующей вкладке можно задать изображение проекта.

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

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

Другие вкладки

Быстро расскажу, что в остальных вкладках.

Фейсбук и СЕО — тут можно поменять заголовок, описание и картинку. По умолчанию они возьмутся из двух первых пунктов.

Экспорт — нужен, если вы хотите куда-то перенести свой сайт, например на Вордпресс. Доступен только на тарифе “Бизнес”.

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

Дополнительно — тут вы можете снять страницу с публикации, поменять дату создания страницы, поставить пароль (только на платном тарифе).

Каждый раз, создавая новую страницу, первым делом редактируйте её настройки.

Шаг 4. Сконструируйте страницу сайта

Страницы Тильды состоят из универсальных блоков типа «картинки», «текст», «колонки». На момент написания статьи доступно более 450 разных блоков. И из них, как из кубиков лего, создаётся сайт.

Честно говоря, в бесплатной версии можно использовать едва ли 1/10 возможностей Тильды. Большинство блоков недоступны. Но можно в течении двух недель протестировать платную версию.

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

Где расположены блоки Тильды

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

Другой вариант — найти в конце страницы чёрный прямоугольник и нажать на него.

Для удобства пользователей они сгруппированы в подразделы.

Шаг 5. Отредактируйте и настройте нужные блоки

Когда вы выделяете любой блок, слева над ним появляются три пункта меню.

Настройка визуального образа блока

Первый прямоугольник — своеобразный адрес, помогает сориентироваться и понять, из какого раздела взят блок и какой у него номер. Буквы означают название раздела, а номер — каким по счёту он там находится.

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

Если меняете блок, установите ползунок на «Сохранять контент при переключении», иначе вам придётся вставлять свои тексты и картинки заново.

Настройки элементов блока

Во втором разделе настроек вы можете установить цвет фона, кнопок, отцентровать элементы по-другому, подправить расстояния между элементами, изменить размер картинок, и, наконец, переделать блок в зеро-блок (настраиваемый с нуля). Зеро-блок — история не для новичков, поэтому не будем о нём в этой статье.

Внимание, содержимое настроек зависит от использованных элементов: картинок, кнопок, колонок, текста. Поэтому в разных блоках настройки разные. Это нормально.

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

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

Настройка контента

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

Загрузка картинок

Чтобы поменять картинку, нужно нажать кнопку «Загрузить файл».

Процедура привычная: появится всплывающее окно, в котором вы откроете нужный файл на компьютере.

Другой вариант: открыть папку с изображениями на компьютере и перетащить нужное в окно Тильды.

Создание кнопки на Тильде

Чтобы создать кнопку на сайте, надо выбрать отдельный блок «Кнопка» в подразделе «Кнопки и формы». Или использовать готовый блок из какого-нибудь шаблона. Обычно это указано в описании блока.

Чтобы кнопка работала, её тоже нужно настроить.

Во-первых, надо заполнить поле «Текст кнопки» — это то, как она будет называться. Название зависит от того, какое действие выполняет пользователь на странице. «Купить», «Перейти», «Смотреть», «Узнать больше», «Заказать» — лучше всего для названия кнопки подходит глагол, побуждающий к действию.

Во-вторых, надо настроить, куда кнопка будет вести. В поле «Ссылка кнопки», надо прописать URL — адрес нужной страницы.

Вариантов тут два:

  1. Вставить адрес любой страницы в интернете. Тогда нажатие на кнопку будет переносить пользователя на другой сайт. Рекомендую всегда ставить галочку «В новом окне», тогда пользователь откроет нужную страницу в браузере и не закроет при этом ваш сайт.
  2. Вы можете вставлять в кнопку другие страницы своего сайта или блоки текущей страницы.
  • «Выбрать страницу» — Тильда предложит список ваших уже созданных страниц, и вы сможете указать нужную.
  • «Выбрать блок» — вы окажетесь в редакторе страницы и сможете прокруткой вверх-вниз выбрать нужное место, не уходя с неё. У каждого блока есть свой уникальный номер, так что не волнуйтесь, кнопка будет вести, куда надо.

Редактирование текста в Тильде

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

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

Но честно говоря, удобнее редактировать текст в редакторе контента.

Чтобы изменения сохранились, снова нажимайте «Сохранить и закрыть», если вы закончили редактировать этот блок, или «Сохранить», если вы хотите ещё с ним поработать. Редактировать блоки можно неограниченное количество раз.

Шаг 6. Перемещайте, дублируйте и удаляйте блоки

Что еще можно сделать с каждым блоком в Тильде? Посмотрите в верхний правый угол блока — там есть ещё шесть кнопок.

1 — дублировать блок.
2 — удалить.
3 — спрятать (не показывать на опубликованной странице, но сохранить в редакторе для своих нужд).
4 — в раскрывающемся треугольнике можно блок вырезать, копировать, вставить и выделить.

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

На этом закончим с теорией. Во второй части материала мы перейдём к практике и пошагово покажем, как сделать сайт на Тильде на основе одного из её шаблонов. Вы увидите, можно ли адаптировать готовые шаблоны под свою тематику и свой бизнес и узнаете хитрости работы с блоками. Больше полезных материалов — в Клубе «Маркетинга с азов» и Телеграм-канале.

Ирина Жданова, специалист в Тильде, лоукостер сайтов, копирайтер и маркетолог.

Сайт Ирины

Фейсбук Инстаграм

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

семь + 18 =

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

©2012-2019.   Маркетинг с азов для малого бизнеса и микробизнеса
ИП Губина Мария Сергеевна, ОГРН 312784713800044, Санкт-Петербург
Политика конфиденциальности | Публичная оферта | Пользовательское соглашение

ГЛАВНАЯ БЛОГ БЕСПЛАТНО ОБ АВТОРЕ УСЛУГИ ОТЗЫВЫ ФОРУМ КАРТА САЙТА КОНТАКТЫ

Скачайте подсказки по бухгалтерии и образцы заполнения бухгалтерских документов

 

Оставьте ваши данные в форме, и мы пришлём вам архив с документами по электронной почте.

×
Скачайте подсказки по бухгалтерии и образцы заполнения бухгалтерских документов

 

Оставьте ваши данные в форме, и мы пришлём вам архив с документами по электронной почте.


×
Введите имя и электронный адрес, и мы пришлем вам запись вебинара о правильной постановке целей и несколько полезных ресурсов

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте ваше имя и электронный адрес ниже, и пришлем вам тест-шпаргалку от Валентины Власовой

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте в форме имя и электронный адрес и скачайте мою мини-подборку опросников для отзывов

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте в форме ваше имя и электронный адрес, и мы пришлем вам ментальную карту «Виды и группы контента»

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните поля формы и получите чек-лист от Дарьи Капитоновой по ведению Инстаграм-аккаунта для начинающих

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

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

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните форму и скачайте шаблон для оценки важности ваших задач и составления плана делегирования

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Сложно начать писать — на сайт, в блог, в прессу? Видите пустую страницу документа Word и сразу теряете мысли? Есть о чём писать, но не знаете, с чего начать? Заполните форму и скачайте вебинар!

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните форму ниже и получите бесплатный курс «Из чего состоит проект»

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте ваши данные в форме и мы пришлём вам чек-лист с инструментами, помогающими в продажах услуг

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Оставьте в форме ваше имя и электронный адрес, и мы пришлем вам ссылку на вебинар о ранних списках

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните форму и получите запись видеоурока по контент-плану

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

<

×

Заполните поля формы и получите чек-лист от Дарьи Капитоновой по ведению Инстаграм-аккаунта для начинающих

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Заполните форму и получите запись запись видеоурока по промовебинарам

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте ваше имя и электронный адрес, и получайте анонсы новых статей

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Заполните форму и получайте бесплатные уроки по маркетингу для частных специалистов

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Заполните форму и скачайте бесплатные онлайн-сервисы для малого бизнеса и фрилансеров

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Заполните форму и скачайте сборник материалов для быстрого выхода в онлайн

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×