Как сделать сайт визитку бесплатно на WordPress: Инструкция

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

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

1. Контактные данные – фактический адрес, номера телефонов и т.д. Желательно поместить фотографию магазина/офиса/предприятия – фасада здания с входом.
2. Юридические данные и/или реквизиты – их публикую на странице «Контакты» или соседствующей с ней.
3. Форма обратной связи – это упростит коммуникацию с клиентами. Создайте форму, где пользователь сможет задать вопрос письменно или заказать обратный звонок.
4. Услуги/продукция/товары – отдельная страница, на которой расписано, что именно вы предлагаете.
5. Информация о компании или страница О нас – здесь опубликуйте хотя бы краткую историю компании, расскажите о своих целях, принципах.

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

• Вакансии;
• Прайс;
• Новости;
• Отзывы.

Совет! Если у вас есть группы в социальных сетях, обязательно поставьте ссылки на них.

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

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

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

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

Как создать сайт в конструкторе Craftum

Если для разработки веб-сайта на CMS WordPress требуются знания языка разметки, CSS-стилей и прочего, то в конструкторе Craftum можно обойтись без них. Благодаря встроенным шаблонам и особому блоку «Дизайн блок» можно создать уникальный сайт со своим дизайном и стилем.

Давайте посмотрим, как осуществляется работа с конструктором Craftum. Создадим с его помощью простой сайт-визитку на основе шаблонов и дизайн-блока.

1. Открываем официальную страницу и переходим к регистрации.
2. Заполняем контактные данные и жмем «Создать сайт». Сервисом можно пользоваться бесплатно в течение 10 дней!
3. В результате мы попадаем на главную страницу конструктора Craftum – здесь мы и будем проводить все манипуляции с будущим сайтом. Мы можем пойти двумя путями: использовать готовый шаблон из выбранной категории либо создать пустую страницу и уже внутри нее добавлять нужные нам блоки. Для наглядности давайте воспользуемся пустой страницей:
4. Для ее наполнения нам потребуется создать специальные блоки, которые будут отвечать за ту или иную информацию. Первым делом жмем «Выбрать блок».
5. В отобразившемся меню перед нами открывается доступ к основным шаблонам страницы. Например, чтобы создать меню, мы можем просто выбрать для этого шаблон. Аналогично можно поступить с контактной информацией и прочими блоками сайта. Помимо этого, есть опция «Дизайн блок», позволяющая самостоятельно конструировать кастомный дизайн. Давайте разработаем первый блок на основе данной опции, а уже потом перейдем к шаблонам.
6. После выбора дизайн-блока мы попадаем в окно его редактирования. Для начала давайте очистим холст – для этого выделяем все элементы и жмем клавишу «Delete».
7. Также давайте уберем фоновое изображение – в меню слева в разделе «Фон» нажмем для этого на крестик.
8. В результате мы получаем пустой холст. Заполним его необходимой информацией – первым делом добавим заголовок. Для этого в верхнем левом углу нажимаем на плюсик и выбираем «Текст».
    
9. Зададим название заголовку, например, «Привет! Это мой первый сайт». Также давайте добавим картинку из компьютера – выберем для этого соответствующий блок «Фотография».
10. Чтобы добавить нужную картинку, кликаем по блоку «Фотография» и в левом меню нажимаем «Выберите файл».
11. Давайте также уберем еще и сетку, чтобы увидеть полную картину – для этого нажимаем на соответствующую кнопку в верхнем правом углу. 
12. Вот таким у нас получился первый экран. В дизайн-блоке мы можем работать непосредственно с элементами, например, задать размер текста, изменить его шрифт и провести другие манипуляции.
13. Также для сайта важно проработать его адаптивную версию. Мы не будем на этом останавливаться, но знайте, что экраны под разные устройства настраиваются через верхнее меню:
14. На этом закончим настройку дизайн-блока и закроем его.
15. Давайте добавим еще один блок, например, раздел «О нас». Для этого под созданным нами блоком нажимаем на плюсик и в разделе «Меню» выбираем «О проекте». Возьмем для примера первый шаблон:
16. В выбранном шаблоне мы можем изменять текстовое описание, а также удалять ненужные нам блоки текста.
17. Добавим раздел с контактами.
18. Выбранный раздел мы можем редактировать так же, как и предыдущий. Кроме того, мы можем подкорректировать карту через настройки блока.
19. После того как будут созданы и заполнены нужные блоки, следует опубликовать разработанный сайт. Для этого нажимаем на соответствующую кнопку в верхнем правом углу:
20. Задаем название странице и еще раз жмем «Опубликовать».
21. Чтобы посмотреть свой сайт и поделиться им с друзьями, мы можем нажать на кнопку «Открыть страницу» либо на кнопку в верхнем правом углу.

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

Оплатив тариф на год, вы получаете домен в зоне .ru .рф .fun .host .site .space .website или .online бесплатно! 

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

Wix

Сделать сайт-визитку в Wix

Wix – популярный на западе конструктор сайтов-визиток. Примечателен применением flash-технологии и красотой, количеством и качеством шаблонов. Админка удобная, приятная и яркая. Строительство сайта похоже на праздник.

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

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

Подход к организации процесса разработки в Wix похож на таковой у uKit – тот же WYSIWYG и drag n drop, хотя визуальный редактор проще у uKit. Общий рецепт создания визитки, описанный для uKit, во многом подойдёт и для Викс. Сайт на самом дешевом тарифном плане «Combo» обойдётся в $99/год, дороже чем uKit, но домен идёт в подарок.

Подписаться на обновления блога

Пачка полезных статей

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

ПодписатьсяБудем на связи

Мы будем отправлять вам наши новые статьи.

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

Теперь перейду непосредственно к подробному описанию, как сделать сайт визитку бесплатно. Оптимальный вариант – использовать платформу WordPress. Данная CMS подходит для этой цели идеально. Вот несколько причин, почему я рекомендую именно ее:

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

Обратите внимание! Даже если вы сами не сможете доделать сайт, есть множество фрилансеров, досконально знающих платформу и способных за небольшую плату «допилить» вашу визитку.

Две задачи, которые вам придется решить

Процесс, как сделать сайт визитку бесплатно предполагает решения лишь двух задач:

• установку платформы Вордпресс, подключение плагинов и их настройка;
• наполнение сайта актуальной информацией.

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

Обратите внимание! Если по представленным картинкам вам все равно не удается понять, что именно и как нужно делать, воспользуйтесь поисковыми системами. Например, введя запрос – «как перенести WordPress на хостинг» или схожий с ним. Кроме того, рекомендую напрямую обращаться в службу поддержки выбранного хостинга – вам там обязательно помогут.

Выбираем хостинг

Также читайте: Какой хостинг выбрать для сайта: 7 главных критериев при выборе

Визитка не требует каких-то особых условий. Поэтому выбирайте любой известный хостинг, а там – самый низкий тариф.

Выбираем домен

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

Совет! Доменное имя регистрируйте на свое имя – на физическое лицо. Ни в коем случае не регистрируйте его на имя нанятого работника.

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

К примеру, последовательность действий может выглядеть следующим образом: «Мои домены» — Кликаете на домен — «Управление доменом: DNS-серверы» — Указывает конкретные сервера. Кстати, возможно придется подождать от нескольких часов до суток, пока сайт станет доступным к работе.

Как прикрепить домен к хостингу

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

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

Последовательность действий будет следующей:

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

Как установить WordPress: самостоятельно и быстро

Тут тоже ничего сложного. Идет пошагово:

• сначала нужно определиться с тем, где именно сформировать базу данных – для этих целей необходим MySQL Помощник;

• кликните по нему и сможете создать базу данных;

• создайте пользователей для этой базы данных – укажите свои имя и пароль.

Теперь, когда база данных создана, необходимо загрузить сам файл WordPress на выбранный хостинг:

• скачать его на официальном сайте WordPress;
• распаковать архивный файл в папку с вашим сайтом таким образом, чтобы файлы wp-config.php и папки wp-admin, wp-content оказались в корне данной папки;
• теперь нужно выполнить редактирование конфигурационного файла – пропишите параметры базы данных, а также имя пользователя и пароль.

После этого перейдите на главную страницу вашего сайта и в окне настроек укажите следующие данные:

• имя сайта;
• имя и логин администратора, его пароль.

Основная часть работы проделана. Хотя, конечно, впереди вас также ждет немало интересного! Но, по сути, у вас уже есть готовый ресурс. Но чтобы он полноценно работал, был удобным и функциональным, следует выполнить еще ряд действий. О них – ниже.

Стильный сайт без программирования

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

Ucoz

Ucoz – это один из первых конструкторов на территории России. Он был разработан в 2005 году и за свою карьеру взрастил много веб-разработчиков. Спустя 16 лет движок заметно развился: с помощью Ucoz можно создать интернет-магазин, блог, портал, форум, сайт-визитку или лендинг.

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

Преимущества:

• Бесплатный тариф предоставляет возможность использовать доменное имя второго уровня.
• Более 300 бесплатных и 500 платных шаблонов разных уровней.
• Можно использовать бесплатно для некоммерческих организаций.
• Есть возможность добавить свой код, который легко редактируется через FTP.

Недостатки:

• Создать уникальный и конкурентоспособный сайт можно только со знаниями CSS и HTML.
• Сложно разобраться в интерфейсе конструктора.

Стоимость: есть бесплатный тариф, платные начинаются от $2.99.

Tilda

Один из героев нашего времени в сфере разработки сайтов – Тильда. Лендинг, многостраничный сайт, интернет-магазин – все это можно сделать как на основе шаблонов, так и с помощью инструмента «Zero-Block». Он позволяет конструировать страницы сайта своими руками и вставлять в них текст, шейп, кнопку, видео, галерею и многое другое. В нем же можно настраивать анимацию и незначительно редактировать фотографии.

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

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

Преимущества:

• Функция «Zero-Block», с помощью которой можно сделать мощный и продающий сайт.
• Встроенная CRM, доступная даже в бесплатной подписке.
• Вставка собственного HTML-кода, который может быть использован как отдельный скрипт.
• Подключение собственных шрифтов.
• Подключение платежных систем.
• Есть 14-дневный пробный период.

Недостатки:

• Скудный функционал в бесплатной версии.
• Цена.

Стоимость: от 750 рублей в месяц.

Последние штрихи!

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

Путь 1. Заказать создание сайта-визитки «с нуля» фрилансеру или в веб-студии

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

uKit

Создать сайт-визитку в uKit

uKit – позиционируется именно как конструктор сайтов для бизнеса. Мощное и красивое специализированное решение для нужд малого/среднего бизнеса, предпринимателей, людей различных специальностей и творческих личностей. Подходит для создания: сайта-визитки, портфолио, лендинга (одностраничника) или небольшого интернет-магазина. Необходимый бюджет – от 36$/год (учитывая использование промокода «SITE-BUILDERS-25»).

За эту сумму вы получите неограниченный хостинг, большой ассортимент адаптивных и качественных шаблонов, хороший функционал с полезными «фичами», заточенный именно под создание сайтов для бизнеса, и…хорошее настроение. С uKit приятно и легко работать, это отличный помощник для развития своего дела.

Здесь используется интуитивный редактор типа WYSIWYG: вы смотрите на сайт и в реальном времени редактируете структуру и содержимое блоков. Рецепт создания визитки на uKit прост:

• Продумываете структуру меню, создаёте пункты;
• Унифицируете штатный дизайн под себя – фон, логотип, цвета, шрифты, картинки в слайдерах, графика и т. д.
• Добавляете страницы под каждый пункт меню и наполняете контентом;
• Прикрепляете доменное имя .ru, .com, .рф (купить домен можно через интерфейс конструктора), добавляете фавикон, социальные кнопки, заполняете поля мета-тегов сайта и SEO-настроек под каждую страницу, подключаете аналитику Яндекса и Гугла;
• Дополняете функционал виджетами по необходимости – здесь есть буквально всё, что можно представить в рамках сайта-визитки;
• Публикуете сайт.

Примерно так выглядит процесс создания сайта в uKit:

На всё про всё может уйти 1 день (или несколько часов). Или неделя, если вы ну очень занятой человек (в таком случае проще заказать у специалистов готовый сайт «под ключ» за 3500 руб. и 10 дней). Проблем возникнуть не должно. Половину работы система сделает за вас в фоновом режиме. Сайт на uKit обойдётся в $36/год плюс затраты на покупку домена (примерно $10/год). Фактически вы можете получить красивый и функциональный коммерческий сайт по стоимости 2-3 походов в клуб. Вполне адекватно.

Сравним параметры конструкторов

Критерии	Craftum	Tilda	LPgenerator	WIX
Типы сайтов	Визитки, лендинги, онлайн-каталоги	Визитки, лендинги, блоги, простые интернет-магазины	Лендинги, онлайн-каталоги	Визитки, лендинги, форумы, блоги
Наличие мобильной адаптивности	Есть	Есть	Есть	Есть
Бесплатные шаблоны	250+	200+	290+	500+
Поддержка кастомизации	Есть	Есть	Есть	Есть
Обучающие материалы	Служба поддержки, база знаний, информационные статьи	Справочный центр, вебинары, уроки и статьи	База знаний, видеоуроки	База знаний, информационные статьи
Редактирование кода	Есть	Есть	Есть	Есть
Тариф Free	Нет	Есть	Нет	Есть
Тестовый период	10 дней	14 дней	7 дней	Нет
Платные тарифы	От 169 руб. в месяц	От 500 руб. в месяц	От 799 руб. в месяц	От 243 руб. в месяц
Способы оплаты	Карты Visa, MasterCard, «МИР», Uniquely Yours, ЮMoney, WebMoney, QIWI, Сбербанк Онлайн	Карты Visa, MasterCard, PayPal, ЮMoney, Web Money, QIWI, American Express	Тот же перечень, плюс Сбербанк Онлайн, Альфа-Банк, карты «МИР», Теле2, Билайн, МТС, Мегафон	Карты MasterCard, Visa, American Express, Diners Club
Собственный домен	Без ограничений	Только на платных тарифах	На тарифах «Базовый» и «Продвинутый»	На тарифах Combo, Unlimited, eCommerce
SEO-функции	Метатеги, ЧПУ, запрет индексации	Метатеги, канонические страницы, запрет индексации	Метатеги, запрет индексации	Метатеги, ЧПУ, редиректы, запрет индексации

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

Подключаем весь функционал «Тильды»

Чтобы оценить всю мощь «Тильды» и попробовать все функции и блоки, необходимо использовать платный тариф — после регистрации он даётся бесплатно на 14 дней. Чтобы подключить, переходим на главную страницу проекта.

Переход на главную страницу сайта

А теперь в нижней части страницы нажимаем кнопку «Тарифы и оплата».

Кнопка «Тарифы и оплата»

Подтверждаем активацию тарифа и читаем описание.

Активируем тариф

Если вы всё сделали правильно, появится такое окно.

Активируем тариф

Поздравляю! Теперь вы две недели можете тестировать все функции «Тильды».

Путь 2. Создать сайт-визитку самостоятельно на CMS

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

Таблица 2. Сравнение трех бесплатных CMS для создания сайта-визитки

Название CMS	Плюсы	Минусы
WordPress	Простая. Самая популярная — вы легко найдете специалиста, который поможет доработать сайт.Веб-проекты легко масштабируются.Много готовых программных модулей.Много готовых дизайн-шаблонов.Существует также в формате конструктора.Много обучающих материалов.	Более 30% сайтов работают на WordPress, поэтому их взламывают чаще других.Создает нагрузку на сервер — подберите хороший хостинг.Дублирует страницы, которые необходимо потом «закрывать» в целях SEO.
Joomla	Много готовых дизайн-шаблонов.Вторая по популярности после WordPress.Богатый функционал.Сложность средняя.	Уязвимая для взломов.Своеобразная логика взаимодействия с системой.Запутанная панель управления.Сложные дизайн-шаблоны настраиваются тяжело.Обновления CMS не всегда корректны.
MODx	Считается самой надежной бесплатной CMS.Очень гибкая.Много готовых модулей.Можно дописывать свои модули и функционал.Используется любые дизайн-шаблоны.Русскоязычное сообщество, много полезных материалов.	Для опытных пользователей.Дизайн-шаблоны сложно настраиваются, требуют доработок.Необходимы навыки программирования.

Как создать сайт-визитку на WordPress

Как мы уже говорили, WordPress считается самым популярным движком в мире. На нем работают более трети всех веб-ресурсов во Всемирной Сети. Для разработки сайта на WordPress вам необходимо зарегистрировать доменное имя, подобрать хостинг и дизайн (внешний вид) для сайта.

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

• Регистрация домена. Первый год — от 100 руб., последующие — от 800 руб.
• Хостинг — от 150 руб. в месяц.
• Дизайн — можно подобрать бесплатный.

С чего начать

Хостинг-провайдеры иногда предлагают тарифные планы с уже установленной CMS WordPress. Если на вашем хостинге предустановленной системы нет, тогда самостоятельно скачайте бесплатный дистрибутив с официального сайта WordPress. Распакуйте его и залейте в корневую папку на ваш хостинг (можно использовать FTP-клиент). На хостинге создайте базу данных.

В браузере откройте ссылку на ваш домен. Следуйте инструкциям по установке.

Имя базы, пользователя и пароль вы должны создать на сервере заранее. Поэтому эти данные посмотрите у хостера.

Если вы все сделали верно — по основному URL у вас откроется сайт. Войдите в панель администрирования по адресу ваш домен/wp-admin/.

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

Следующий этап — это создание структуры сайта и самостоятельная настройка соответствующих плагинов (функционала).

Раздел «Записи» — это лента, которая постоянно обновляется. Старый записи уходят вниз. А «Страницы» — это статичные материалы.

Например:

Полезные советы 

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

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

Читайте также: Как установить Яндекс метрику на сайт и как ее настроить. Пошаговая инструкция

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

Вам нужно будет выполнить следующие действия:

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

Готовы творить? Тогда стартуем!

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

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

Для поиска подходящего для визитки шаблона, используйте следующие поисковые запросы:

• визитка;
• бизнес;
• личная страница;
• корпоративный и сходные с ним.

Понравившийся вам шаблон нужно скачать и перенести в каталог public_html/kremlin.ru/wp-content/themes, а после обязательно активировать.

Установка счетчики посещаемости и определенный набор плагинов

Теперь поставим счетчики LiveInternet и Яндекс.Метрика. Для этого нужно посетить эти сайты:

• зарегистрироваться;
• прописать сайт, установить имя пользователя и пароль;
• установить настройки для счетчика.

После этого вы получите специальный код, который нужно добавить в следующий раздел административной панели сайта — footer.php.

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

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

1. All in One SEO Pack — позволит упростить SEO-оптимизацию.
2. Dagon Design Sitemap Generator — позволит создать визуальную карту сайта, удобную и понятную для посетителей.
3. Contact Form 7 — это форма обратной связи для общения с пользователями, они смогут писать вам.
4. Google XML Sitemaps — это расширение сгенерирует карту сайту, нужную для поисковых роботов.
5. MaxSite Russian Date — расширение, изменяющие склонения даты. Например, вместо  «1 декабрь 2017» на сайте будет отображаться корректная надпись «1 декабря 2017».
6. RusToLat — дополнение автоматически проводит транслитерацию  URL-адреса страницы. Очень важно для корректной оптимизации сайта.
7. WordPress Database Backup (Remote Database Backup) — расширение формирует бекап базы данных и периодически отправляет их на почту. Если вы не планируете часто обновлять сайт, то плагин вам не нужен. Сделайте один бекап и успокойтесь.

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

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

Допустим, вы решили, что на сайте должны быть следующие страницы:

• Контакты;
• Обратная связь;
• Реквизиты;
• Услуги;
• Отзывы;
• О нас;
• Сотрудник;
• Вакансии;
• Закупки;
• Новости;
• Карта сайта.

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

Создаём первую страницу

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

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

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

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

Рабочее пространство пустого шаблона

Лучшие конструкторы для создания сайтов-визиток с нуля

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

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

uKit

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

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

Простота в работе достигается благодаря интегрированному редактору WYSIWYG, который сразу отображает все внесенные правки в момент изменения кода шаблона. Алгоритм создания сайта выглядит следующим образом:

1. Разрабатывается структура сайта и создается меню.
2. Редактируется стандартный шаблон, согласно своим требованиям.
3. Создаются страницы для пунктов меню, которые позже наполняются контентом.
4. Присваивается доменное имя, проводится оптимизация сайта (мета-теги, аналитики Яндекс и Google, фавиконка, SEO-поля).
5. Функционал расширяется при помощи виджетов.
6. Публикуется сайт.

Обзор конструктора сайтов uKit можно прочитать здесь.

Перейти на ukit.com

Wix

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

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

С финансовой точки зрения Wix немного дороже, чем uKit, — 99 долларов в год, но в эту стоимость входит регистрация уникального домена.

Перейти на wix.com

uCoz

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

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

Алгоритм создания сайтов аналогичен предыдущим конструкторам. При выборе «Оптимального» тарифа пользователь получает в подарок доменное имя второго уровня (site.ru) и один премиум-шаблон. Подробности по ссылке.

Перейти на ucoz.ru

Если вам кажется, что бесплатно создать самому сайт-визитку сложно, посмотрите это видео:

Уже действующие сайты, созданные с Тильдой

Второй зимний
Московский ВелопарадЛендинг мероприятия
MobileUpСайт компании, разрабатывающей мобильные приложения
Let Me SpeakКурсы по технике публичного выступления

MailBurnСервис, преобразующий электронную почту в решение для бизнеса
Основы проектирования интерфейсовЛендинг курса UX-стратегии и UI-дизайна
Новый городЛендинг строительного комплекса

Нам доверяют профессионалы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Сопоставьте поля из Tilda с полями в Пачке. Это позволит автоматически распределять данные по карточкам.

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

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

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

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

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

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

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

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

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

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

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

Пачка умеет и собирать все обращения ваших клиентов из Telegram, Instagram, WhatsApp в одном месте. Можете отвечать клиентам совместно с коллегами прямо из интерфейса CRM. Оттуда же в один клик заводить клиентов, сделки, ставить задачи, вести обсуждение с коллегами. Автоматически подтягивать заявки из рекламы, с сайта, с квиза и не только. Смотрите подробнее на нашем сайте!

Мария Бугаева

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

0

Бесплатные платформы для онлайн-визиток

Помимо платных версий, существуют и абсолютно бесплатные конструкторы сайтов-визиток.

Nethouse

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

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

Подробный обзор конструктора Nethouse читайте здесь.

Перейти на nethouse.ru

А5

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

Данный конструктор мы подробно рассматривали в этом обзоре.

Перейти на a5.ru

Fo.ru

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

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

Посетить fo.ru

Umi

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

Сервис поддерживает технологию Drag-and-Drop, а также может похвастаться хорошей SEO-оптимизацией и собственной CMS.

Среди минусов выделим сравнительно высокую стоимость в случае выкупа сайта или смены доменного имени.

Посетить umi.ru

Для чего ещё подходит конструктор uKit

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