Top.Mail.Ru
Обучаем небольшие проекты грамотному маркетингу. Помогаем расти быстрее и зарабатывать больше

Где сделать сайт компании самостоятельно, быстро и бесплатно

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


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

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

Оформите шапку сайта о компании

Чтобы изменить контент блока, нам надо войти в директорию «Контент». Моя компания занимается программированием, поэтому я поменяю текст и загружу с компьютера актуальную картинку.

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

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

Сохраните блок и переходите к следующему.

Оформите раздел с услугами компании

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

Идём в раздел «Контент» и меняем услуги ремонта на услуги создания сайтов.
В этом блоке есть шапка — это заголовок и описание. Смените текст и переходите к карточкам с услугами. Обратите внимание: сейчас они расположены в три колонки, но вы можете задать другое количество.

Их количество можно поменять в «Настройках» блока. В моём шаблоне я могу задать максимум 4 карточки.

Структура карточки с услугами на Тильде

Рассмотрим подробнее создание карточки. Зайдите в директорию «Карточка 1» и посмотрите, что вы можете отредактировать в заготовке.

Итак, вы можете:

  • Поставить картинку уже известным вам способом. Тильда автоматически подстроит картинку под размер окна.
  • Сменить заголовок. Поменяется жирная надпись под картинкой.
  • Изменить подзаголовок, если вам надо разъяснить или добавить что-то в заголовок.
  • Добавить короткое описание услуги или товара.
  • Сориентировать в стоимости услуги.
  • Сделать кнопку уже известным вам способом.

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

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

В первой редакции наших услуг всё выглядит криво и косо.

Чтобы выровнять блоки, редактировать текст нужно на самой странице Тильды, не заходя в контент.

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

Вот так стало намного лучше.

Портфолио на сайте о компании

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

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

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

Я считаю, всегда есть, чем привлечь внимание. Проявите креативность. Но если совершенно ничего не приходит в голову, то пока уберите или скройте блок кнопкой «Hide» — в правом углу она третья по счету.

Как оформить портфолио на Тильде

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

Как создателям шаблона удалось добиться цельности этих двух блоков? Всё просто: им обоим в настройках сменили фоновый цвет на серый. И мы можем взять этот приём на вооружение.

Менять цвет фона можно в любом блоке. Работать с цветом фона, отделяя одни значимые блоки от других, — хорошая идея. Главное — не увлекайтесь. Помните, что логически связанные и одинаковые блоки желательно красить в один цвет. И вообще рекомендую на старте определить 5-6 основных цветов, считая шрифты, цвета иконок и всё остальное. Это убережёт вас от перегруза акцентами, а сочетаемость цветов поможет сделать гармоничный сайт компании.

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

Галерея работ в портфолио

Если вам не нравится, как смотрится композиция из фотографий в шаблоне, то в блоке «Галерея» их можно легко поменять местами. Зайдите во вкладку «Контент» и мышкой перетащите фотографии с места на место.

Как оформить отзывы о компании на сайте

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

Отзывы можно поместить скриншотами в галерею, если у вас картинки, или вот так — текстом. Это единый блок. И текстовые фрагменты здесь смотрятся гармонично. Со скриншотами может быть вот какая сложность: один клиент написал вам отзыв на почту, другой — в мессенджер, третий — прислал благодарственное письмо. Разношёрстные картинки. А наша задача — схожие элементы сайта сделать единообразными. Впрочем, для принятия решения клиенту важнее то, что отзывы есть, чем то, как они выглядят.

Посмотрим, что внутри блока. Уже знакомая нам шапка блока: заголовок и подзаголовок — и карточки.

И если с шапкой и кнопкой всё более или менее ясно, то карточка другого типа.

Что нужно поменять в шаблоне:

  • Заголовок — впишите имя клиента.
  • Описание — сюда можно записать его регалии или запрос, с которым клиент пришёл к вам. Или оставить описание пустым.
  • Текст отзыва — скопируйте его из источника коммуникации с клиентом.
  • Фотография того, кто написал отзыв.

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

Можно ли использовать такие карточки только для отзывов? Нет! Любой блок Тильды можно использовать для всего. Вы можете оформить с его помощью услуги, или, к примеру, рассказать о своей команде. Или придумать свой способ употребить этот блок.

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

Работа с возражениями на сайте о компании

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

Шаблонный блок «почему мы вам понравимся» я практически не меняла.

То, что подходит строительной фирме, подойдет и программистской. Естественно, писала я о своих преимуществах.

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

Как оформить блок с формой сбора данных

Форма заявки или сбора емейл-адресов — довольно важная часть сайта. В моём выбранном шаблоне она выглядит вот так:

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

Новость плохая: настроить работу этого блока со всеми возможностями можно только в платном режиме. Все емейлы, которые вы соберёте, будут приходить в директорию «Заявки» на главной странице редактирования. Хранятся там они всего месяц.

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

Смотрим, что можно отредактировать в форме подписки.

  • Уже знакомые нам заголовок и описание. Тут важно рассказать клиенту, для чего ему отправлять свои данные.
  • Обложку. В моём шаблоне есть обложка фона. На её место мы можем положить любую картинку или даже видео.
  • Поля для ввода — укажите, какие данные должен оставить клиент. Можно добавлять свои поля или убирать имеющиеся, или перемещать поля, выстраивая их в любом порядке. Я никогда не оставляю поле «телефон», предпочитаю связываться по емейлу. Но вы можете выбирать сами.

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

Это делается на главной странице: Настройки сайта → Формы.

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

Кнопка подписки на сайте компании

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

Важная информация! По закону владельцы сайтов, собирающие личную информацию, а емейл — это личная информация, должны предоставлять пользователю соглашение о конфиденциальности. Его лучше всего сделать отдельной страницей и сделать ссылку на эту страницу под формой. И поместить её в графу текст под формой.

В разделе настроек каждый блок с формой можно назвать.

Тогда, если у вас несколько страниц, вы увидите, из каких блоков пришли адреса.

После сохранения изменений, у вас появится под блоком жёлтое предупреждение. Страницу надо обязательно переопубликовать, иначе форма не будет работать.

Важно: блок со сбором контактов на странице должен быть один. Клиент не должен путаться, куда ему вносить свои данные.

Как оформить блок с этапами работы на сайте

Этапы работы — необязательный блок. Если у вас есть этот пошаговый алгоритм взаимодействия с клиентом — оставляйте. Нет его — удалите блок.

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

Настройте FAQ или блок с вопросами и ответами

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

Как вы видите, в моём шаблоне этот раздел тоже выделен общим фоном. Он состоит аж из трёх блоков: заголовка, блока вопросов и текстового блока под ним с дополнениями.

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

Заглянем внутрь блока. Он снова состоит из карточек.

Каждая карточка — отдельный вопрос, у которого есть:

  • Заголовок — собственно вопрос.
  • Описание — ответ на него.
  • Изображение, которое откроется вместе с ответом.

Карточек с вопросами и ответами можно сделать сколько угодно. Вопросы можно менять местами, передвигая карточки.

Призыв к действию на сайте компании

Следующий блок яркого цвета должен дожать читателя, подтолкнуть его к решению.

По сути текст на этой карточке — краткий оффер. И кнопка возвращает клиента на форму заявки. Как сделать рабочую кнопку, вы уже знаете.

Раздел контакты на сайте компании

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

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

Если у вас есть физический адрес склада, офиса или магазина, хорошо бы настроить карту.

Для этого надо найти свои координаты в Яндекс.Картах и ввести их в разделе Контент —> Точка на карте.

На этом всё. Ваш новый сайт готов!

Опубликуйте страницу о компании

Остался самый волнительный миг, нажать кнопку «Опубликовать». В верхнем меню страницы.

Когда вы нажимаете эту кнопку, ваш сайт оказывается в интернете открытым для всех. Нажмите «Открыть страницу», и вы окажетесь на своём сайте. И увидите его так, как видит его пользователь.

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

Вашу первую опубликованную страницу Тильда по умолчанию сделает главной страницей сайта. Изменить это можно будет в настройках сайта.

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

К сожалению, на бесплатном тарифе Тильда размещает в конце страницы свою рекламу. И убрать это можно, только оплатив любой из тарифов на год. Что ж, зато мы совершенно бесплатно сделали красивый работающий и конверсионный сайт компании.

— А что же, у нас получится шаблонный сайт? — спросите вы. — А как же полёт мысли и индивидуальность?

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

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

Читайте больше полезных материалов в Клубе «Маркетинга с азов» и Телеграм-канале.

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

Сайт Ирины

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

 

В соцсети нас уже больше 20 тыс. Присоединяйтесь, чтобы получать советы по развитию бизнеса и полезные ссылки
Vkontakte Telegram


* В случае упоминания в тексте социальных сетей Facebook, Instagram, уведомляем: деятельность компании Meta (Facebook, Instagram) признана экстремистской и на территории РФ запрещена.

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

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

10 − 1 =

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

©2012-2024.   AZCONSULT. Бизнес, который построил ты
ИП Губина Мария Сергеевна, ОГРН 312784713800044, Санкт-Петербург
Политика конфиденциальности | Согласие на обработку данных | Публичная оферта | Регистрация в партнёрской программе

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

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

 

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

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

 

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


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

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

×

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

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

×

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

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

×

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

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

×

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

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

×

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

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

×

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

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

×

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

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

×

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

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

×

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

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

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

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

×
×

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

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

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

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

×

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

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

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

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

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

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

×
×
×
×
×

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

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

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

 

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

×