Как создать сайт-визитку без помощи разработчиков

Как создать сайт-визитку без помощи разработчиков

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

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

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

Что такое сайт-визитка и для чего он нужен

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

Этим инструментом максимально удобно делиться с теми, кто хочет познакомиться с вашей работой. Как и любой другой канал коммуникации, сайт будет содержать информацию о вас. Отличие в том, что всё самое важное будет в одном месте, а целевая аудитория будет иметь доступ к этому 24/7. Правильно подобранные элементы и текст, помогут вам превратить потенциальных клиентов в тех, кто оставит заявку и приобретёт ваш продукт.

Основные элементы сайта-визитки и структура

  1. Header или «шапка» сайта. Этот элемент — своего рода панель навигации по страницам или разделам сайта. Обычно содержит ссылки на разделы, например: «Обо мне» и/или «О проекте», «Товары» и/или «Услуги», «Отзывы», «Контакты».
  2. Заголовок и основная информация и/или призыв к действию. Например: «Wood cozy. Игрушки, которые окружат уютом ваших детей». Если вам важно собирать заявки с сайта, то в качестве призыва к действию может быть кнопка с названием «Подарить уют». Когда посетитель сайта кликнет на кнопку, откроется форма заказа.
  3. Информация о вас и о вашем проекте. Коротко, но лаконично рассказать читающему о том, кто вы такой и почему именно ваш проект должен заинтересовать его.
  4. Раздел «Товары» или «Услуги». Этот раздел должен содержать подробную информацию о том, что вы предлагаете клиентам. Его можно дополнить кнопками, которые помогут посетителю сайта оформить покупку или заказ, или вам — получить обратную связь.
  5. Footer или «подвал». Это заключительная часть страницы, которая обычно содержит:
  • контакты;
  • ссылки на социальные сети;
  • дополнительную информацию о компании, например, ссылки на портфолио, блог и т.д.;
  • авторские права (важно не забывать менять год рядом с информацией об авторских правах).

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

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

Григорий Любачёв, сооснователь и дизайнер CRM Пачка
«Большинство современных сайтов — одностраничные или лендинги. Их отличает то, что они содержат одно ключевое действие. Поэтому такой сайт считается хорошим, если большая доля посетителей совершает ключевое действие: нажимает кнопку, оставляет электронную почту и тд. Чтобы ключевое действие было просто и приятно совершить, дизайнеры чаще всего делают следующее:

  1. Размещают сверху призыв к действию в виде заголовка с кнопкой.
  2. Дублируют призывы к действию. Несколько раз на странице, чтобы до них не нужно было скролить.
  3. Добавляют отзывы других клиентов, чтобы развеять сомнения. Есть ещё десятки других приемов, но главное понимать, что все они должны следовать одной цели — помочь посетителю совершить ключевое действие».

Как создать сайт визитку бесплатно самому

Перед тем, как перейти к созданию собственного сайта, мы рекомендуем:

  1. Сделать небольшой анализ конкурентов и оценить их сайты. Во-первых, это даст вам возможность понять, как они презентуют себя. Во-вторых, поможет взять себе на заметку какие-то интересные идеи.
  2. Помимо конкурентов, найдите еще несколько хороших примеров сайтов. Они необязательно должны быть связаны с вашей нишей. Это нужно, чтобы повысить уровень вашей насмотренности и найти идеи.
  3. Составьте прототип вашего сайта. Нарисуйте схематически от руки то, каким вы его видите. Например, что будет в шапке? Какие элементы используете? Какой полезной информацией можете поделиться с читателями? Разбейте все по экранам. Например:
  • первый экран: шапка и заголовок сайта, или шапка, ваша фотография и название бренда;
  • второй экран: о проекте;
  • третий экран: товары/услуги и т.д.
  1. Вспомните свой опыт знакомства с сайтами других компаний. Какую информацию вам хотелось узнать о них первоначально? Подумайте, чего может не хватать тем, кто будет знакомиться с вашим сайтом.

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

Чтобы создать сайт визитку под ключ, необязательно привлекать разработчиков. Существует много бесплатных конструкторов сайтов, которые дадут вам возможность сделать это самостоятельно. Например, WordPress, Wix или Tilda. Мы остановимся на последнем.

Почему именно Tilda или возможности сервиса:

  1. Интуитивно понятный интерфейс и большое количество бесплатных обучающих видео на русском языке. Самостоятельно создать работающий на цель сайт — действительно непростая задача. Тем более, если у вас нет опыта и знаний в этом. Но это не значит, что задача невыполнима. Видео-обучения, хороший анализ того, что уже есть на рынке и немного времени дадут вам возможность создать сайт-визитку бесплатно самому.
  2. Большая библиотека шаблонов, которая разбита по категориям. Это позволит вам легче сориентироваться и найти что-то, что подойдет и вашему бизнесу. Вы сможете создать сайт как на основе всего шаблона, так и меняя любые блоки на свое усмотрение.
  3. Встроенная аналитика. После создания сайта вы сможете отслеживать статистику посещения: сколько людей зашло на сайт, сколько совершили ключевое действие, сколько по времени просматривают страницу и сколько процентов посетителей проскроллили на 25, 50, 75%.
  4. Если будут возникать трудности при создании сайта, вы всегда можете написать в поддержку. Вам помогут.
  5. Встроенная бесплатная CRM-система. Дает возможность получать заявки прямо с сайта или добавлять их вручную. Есть ограничение в том, что прием заявок с сайта будет возможен только в том случае, если у вас платный тариф и созданы формы для сбора информации по заказу.
  6. Есть возможность подключить свой инструмент для обработки заявок с сайта. Tilda интегрируется со многими сервисами, в том числе — CRM Пачка. Полный список вы можете найти в разделе «Настройки сайта» — «Формы».

Ограничения сервиса:

  1. Если для вас важно подключить домен, то вы сможете сделать это только в платном тарифе. При бесплатном тарифе ваш домен будет выглядеть примерно так: project34343.tilda.ws.
  2. Значительная часть возможностей доступна только при платных тарифах. Например, сбор заявок с сайта через формы, подключение платежной системы, подробная аналитика, SEO-оптимизация. Если SEO-оптимизация или подробная аналитика для начинающих предпринимателей, скорее всего, не особа важны, то возможность собирать заявки с сайта была бы полезна.

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

Чтобы создать сайт на Tilda, вам необходимо перейти по ссылке и зарегистрироваться.

Форма регистрации на сайте Tilda
Форма регистрации на сайте Tilda

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

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

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

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

Как собирать заявки с созданного сайта

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

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

  1. В рабочем пространстве пролистываете страничку сайта до самого конца. Там вы увидите список возможных блоков, нажимаете на кнопку «Все блоки» и выбираете «Форма и кнопка».
  2. Из предложенных вариантов выбираете то, что подойдет именно вам. Если у вас всё ещё бесплатный тариф, то сервис сообщит вам об этом и предложит воспользоваться пробным периодом платного тарифа. На данном этапе вам не нужно привязывать свою карту. Поэтому спустя пять дней после истечения срока подписки сайт будет отключён от собственного домена (если вы его подключали) и снят с публикации.
  3. Далее вам необходимо настроить форму. Нажав на кнопку «Контент», вы можете настроить поля для ввода информации, можете изменить название кнопки рядом с формой, добавить текст и страницу, куда пользователь попадёт после того, как заполнит форму, подключить те сервисы, куда вы будете получать данные с форм и т.д.

Подробнее остановимся на последнем. Если у вас ещё нет налаженной системы по работе с заявками, то самое время задуматься о ней. Мы разберём два варианта:

  1. Использовать бесплатную CRM от Tilda.
  2. Подключить другую CRM, которая предоставит больше возможностей по автоматизации процессов.

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

База заявок с сайта в формете таблицы. Скрин СRM-системы с обучающего видеоролика о CRM Tilda
База заявок с сайта в формете таблицы. Скрин СRM-системы с обучающего видеоролика о CRM Tilda

Или же в формате карточек:

База заявок с сайта в формате карточек. Скрин СRM-системы с обучающего видеоролика о CRM Tilda
База заявок с сайта в формате карточек. Скрин СRM-системы с обучающего видеоролика о CRM Tilda

Кликнув на заявку, вы увидите всю информацию о клиенте и его заказах. Будут именно те данные, которые клиент заполнил в форме на вашем сайте. Это могут быть: дата обращения, имя, e-mail, телефон, адрес и способ доставки. При необходимости вы можете добавить заявку вручную, нажав кнопку «Добавить заявку», которая расположена над базой.

Вы можете отправить письмо клиенту, не покидая CRM. Письмо может быть в стандартном виде или в формате HTML-письма, которое вы предварительно создали в Tilda.

Карточка клиента. Скрин СRM-системы с обучающего видеоролика о CRM Tilda
Карточка клиента. Скрин СRM-системы с обучающего видеоролика о CRM Tilda

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

Воронка заказов. Скрин СRM-системы с обучающего видеоролика о CRM Tilda
Воронка заказов. Скрин СRM-системы с обучающего видеоролика о CRM Tilda

Этот вариант предполагает именно хранение всех заявок с сайта и других каналов в одном месте и работу с клиентской базой. Других функций у этой CRM-системы нет. Если вам этого достаточно, то CRM Tilda — подойдет.

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

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

Раздел Задачи в CRM Пачка
Раздел Задачи в CRM Пачка

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

Мессенджер в CRM Пачка
Мессенджер в CRM Пачка

Есть раздел Аналитика, в котором будет отражаться статистика по работе воронки продаж, по новым клиентам и сделкам, результаты конкретных сотрудников. Как можете увидеть на скрине ниже, все очень понятно. Нет каких-то сложных графиков, которые только запутают. Используя этот раздел, вы сможете оценить текущие результаты, понять, что нуждается в корректировке, а что и вовсе стоит пересмотреть.

Раздел Аналитика в CRM Пачка
Раздел Аналитика в CRM Пачка

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

Мини-сервисы в CRM Пачка
Мини-сервисы в CRM Пачка

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

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

  1. Дать название форме (например, указать название сайта, с которого вы будете собирать заявки.
  2. Привязать заявки к определенному этапу в воронке. Например, к первому этапу «Запрос».
  3. Назначить ответственных. Ответственные — это те, кто автоматически будет добавляться в сделку.

После создания формы, перейдите на сайт Tilda и выполните действия, которые описаны в инструкции. В поле Webhook URL введите URL из формы в Пачке.

Настройки формы в CRM Пачка
Настройки формы в CRM Пачка

После того, как вы выполнили предыдущие шаги, необходимо настроить Автозаполнение полей.

  1. Сопоставьте поля из Tilda с полями в Пачке. Это позволит автоматически распределять данные по карточкам.
Настройки формы в CRM Пачка
Настройки формы в CRM Пачка
  1. Перейдите на свой сайт и в блоке с формой нажмите на кнопку «Контент».
  2. Далее необходимо настроить поля для ввода. Например, в поле с именем — в строке ИМЯ ПЕРЕМЕННОЙ — введите client_name
Настройки формы: автозаполнение полей
Настройки формы: автозаполнение полей

В поле с телефоном — в строке ИМЯ ПЕРЕМЕННОЙ — введите phone и тд.

Настройки формы: автозаполнение полей
Настройки формы: автозаполнение полей

Не забудьте сохранить действия после ввода информации.

  1. Опубликуйте страницу и попробуйте создать заявку.

Как только заявка будет создана, все данные попадут в раздел Контакты.

Раздел Контакты в CRM Пачка
Раздел Контакты в CRM Пачка

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

Раздел сделки в CRM Пачка
Раздел сделки в CRM Пачка

Чтобы решить, какой вариант подходит именно вам, определите свои цели. Возможно, в статье «Цели и задачи CRM системы» вы найдете ответ на этот вопрос.