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

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

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

Что такое конструктор сайтов ВКонтакте

В конце 2020 года в социальной сети ВКонтакте появился новый инструмент — «Сайты ВКонтакте». С его помощью можно всего в несколько кликов создать посадочную страницу на основе имеющегося сообщества или группы. Готовый проект работает как стандартный лендинг: можно привлекать на него аудиторию и настраивать рекламу, собирать заявки и отслеживать статистику.

Но нужно учитывать несколько важных моментов: 

1. Основой становится сообщество во ВКонтакте. 
2. Сообщество должно быть открытым. 
3. Адрес лендинга соответствует домену сообщества. 

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

Как подготовить сообщество

Подготовка сообщества предполагает несколько важных шагов. 

Сделайте сообщество общедоступным

Прежде всего, проверьте статус страницы, на основе которой вы планируете собрать сайт. Группа или сообщество должны быть открыты.

Если сообщество закрытое или частное, нужно его открыть. Для этого в меню, расположенном с правой стороны, кликните на «Управление» → «Настройки». В разделе «Основная информация» найдите «Тип сообщества» и поменяйте статус на «Открытое». Сохраните изменения.

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

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

vk.link/домен_сообщества

Актуализируйте название и описание

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

Добавьте информативную обложку

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

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

Добавьте нужные разделы и контент

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

Что ещё важно сделать:

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

Это важно сделать заранее, поскольку вся информация в будущем подтянется в сайт. О том, как грамотно оформить сообщество ВКонтакте, можно почитать в журнале «Конверт». 

Включите отзывы

Чтобы собирать мнения клиентов, активируйте сбор отзывов. Для этого перейдите в «Управление» и выберите раздел «Приложения». В перечне приложений найдите виджет «Отзывы» и кликните «Добавить». В настройках виджета можно выбрать отображение отзывов в виде списка или текста.

Как создать сайт с помощью конструктора ВКонтакте

Откройте главную страницу сообщества и в правом меню выберите раздел «Сайт из сообщества».

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

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

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

Шаг 1: главный блок

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

Шаг 2: товары или услуги

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

В этом блоке будут отображены товары, которые вы добавили в одноимённый раздел сообщества. 

Шаг 3: текстовый блок

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

Шаг 4: фотографии

Теперь перейдём к блоку «Фотографии». На этом этапе можно выбрать альбом, фотографии из которого будут показаны на лендинге. Изначально заголовок соответствует названию выбранного альбома, но его можно изменить. Активная галочка нужна, чтобы блок отображался на  сайте.

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

Сохраняем настройки и движемся дальше. 

Шаг 5: дополнительные блоки

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

Также дополнительно можно добавить ещё несколько блоков. Например: 

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

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

Фотографии. Выбираем нужный альбом в галерее и добавляем заголовок. 

Маркетинговые инструменты. Здесь можно настроить отображение лид-магнита или формы обратной связи. Отредактируйте текст и выберите нужный тип действия.

Необязательно добавлять всё — вы можете выбрать только необходимые разделы. Блоки можно дублировать или менять местами. Для своего тестового сайта я добавлю форму обратной связи. 

Теперь остаётся кликнуть на кнопку «Опубликовать» — и сайт готов. 

Дополнительные настройки

По желанию можно немного изменить дизайн и настроить отображение ссылки на лендинг в сообществе. Для этого в разделе «Сайт из сообщества» нажмите «Редактировать» → перейдите в раздел «Внешний вид».

Нажмите «Внешний вид» и выберите цвет и тему сайта, стиль кнопок и шрифт. Также можно изменить фавикон: выбрать логотип ВК, фото сообщества или загрузить свою иконку.

Вот такой сайт у меня получился: 

Как просматривать статистику и аналитику

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

Для более точного отслеживания можно подключить системы аналитики. Для этого в разделе редактирования сайта откройте вкладку «Другое» и выберите систему. Сейчас доступны Пиксель ВКонтакте, Пиксель MyTarget и Яндекс Метрике.

Укажите код или ID пикселя, предварительно созданного в соответствующей рекламной системе.

Если вы хотите, чтобы ссылка на сайт отображалась в сообществе, в разделе «Видимость сайте» проставьте обе галочки.

Как продвигать сайт ВКонтакте

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

Для продвижения внутри ВКонтакте можно настроить рекламу прямо в настройках созданного лендинга. В блоке статистики кликните на пункт «Продвигать сайт».

Откроется рекламный кабинет VK Реклама. Кликните «Продолжить», и система перенаправит вас к настройкам. Можно зайти в рекламный кабинет отдельно.

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

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

Теперь остаётся только указать бюджет и запустить рекламу. Чтобы пополнить бюджет, в кабинете нажмите «Бюджет».

Затем введите сумму вручную или выберите из предложенных. Придётся также заплатить НДС 20%, поскольку вся реклама по закону облагается НДС.

Чтобы оплатить нажмите «Продолжить» → выберите удобный вариант оплаты (картой, СБП, Кошельком ВК).

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