Конструктор сайтов во «ВКонтакте»: создаем лендинг без дизайнера и разработчика

В конце 2020 года «ВКонтакте» запустил бесплатный конструктор сайтов на основе сообщества в соцсети. Мы рассказали, кому и чем полезен конструктор «ВКонтакте» и составили подробное руководство, как сделать сайт из сообщества.

Как работает конструктор сайтов во «ВКонтакте»

Конструктор во «ВКонтакте» подходит для малого и среднего бизнеса, начинающим предпринимателям, у которых нет бюджета на специалиста по созданию сайта. Инструмент позволяет создать простой лендинг под задачи бизнеса за 10–15 минут и упрощает взаимодействие с пользователями внутри экосистемы «ВКонтакте».

Возможности инструмента:

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

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

• готовый набор блоков для оформления товаров, отзывов, преимуществ, кнопок с призывом к действию и т. д.;

• отслеживание статистики прямо во «ВКонтакте»;

• связь с пользователем через почту, телефон или «ВКонтакте», прием заявок и перенаправление на сайт или в сообщество;

• добавление пикселей и счетчиков Facebook, TikTok, myTarget, Яндекс.Метрики и Google Analytics.

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

Эту страницу можно продвигать в любых рекламных системах, не только во «ВКонтакте». Ссылка на сайт будет состоять из vk.link и адреса сообщества, например: — vk.link/ppcworld.

У конструктора есть недостатки:

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

• можно создать только одностраничный сайт;

• шаблонность сайтов: они все делаются по единой системе и получаются похожими друг на друга;

• нельзя создать более сложный лендинг, реализовать на лендинге необычную идею;

• привязка только к «ВКонтакте», невозможно подгрузить данные из других источников или загрузить самостоятельно;

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

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

• можно добавить только одну кнопку CTA, а варианты призывов к действию на них ограничены;

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

Делаем сайт из сообщества за десять минут

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

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

Как заполнять блоки:

1. Заголовок. Подтягивается из сообщества, но его можно изменить. Заголовок должен отражать ваш продукт и название бренда, например «Булочная „Кренделек“», «Одежда из льна „Ленрус“» и т. д. Максимальное количество символов — 70.

2. Описание. Тоже подгружается из сообщества, его можно отредактировать. В трех-четырех строках кратко опишите уникальное торговое предложение. Максимальное количество символов — 140.

3. Обложка. Фоновое изображение или видео для лендинга. Минимальный размер изображений — 800×400 пикселей, лучше взять больше. Видео должно длиться не более 30 секунд. Выбирайте изображения в хорошем качестве, поскольку картинка будет растягиваться на всю ширину экрана. На превью вы сразу увидите, как будут выглядеть сама обложка и блоки на ней.

   

4. Кнопка действия. Указываем действие, которое будет совершать пользователь при нажатии на кнопку. Доступны шесть действий: написать «ВКонтакте», оставить заявку, позвонить, написать на почту, перейти в сообщество и перейти по ссылке.

5. Текст на кнопке. Из предложенных вариантов нужно выбрать тот, что будет лучше отражать действие и подойдет бизнесу: перейти, подробнее, забронировать и т. д.

6. Преимущества. Можно добавить до пяти преимуществ — описать, чем хороши товары или услуги и чем они отличаются от конкурентов.

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

8. Текстовый блок. Необязательный блок, в нем можно подробнее рассказать о преимуществах и особенностях бренда. Максимальное количество символов для заголовка блока — 64, для основного текста — 500. Туда же можно добавить до трех изображений или видео. Изображение должно быть размером минимум 800×450 пикселей, но лучше брать больше — от 1280×720 пикселей. Видео может быть любой длительностью, но весом не более 5 Гб.

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

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

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

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

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

Где искать статистику сайта

Сразу после сохранения лендинга в разделе «Сайт из сообщества» вы найдете статистику:

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

По умолчанию на сайте, созданном в конструкторе, установлен пиксель «ВКонтакте». Если вы хотите подключить счетчики или пиксели других систем: Facebook, TikTok, myTarget, Яндекс.Метрики и Google Analytics — это можно сделать в режиме редактирования сайта в разделе «Аналитика».

Рекомендации по работе с конструктором

Как правильно оформить лендинг в конструкторе соцсети:

1. Обратите внимание на адрес вашего сообщества. Если у вас ссылка типа vk.com/club11111, то ссылка на лендинг будет аналогичной — vk.link/club11111. Прежде чем создавать лендинг, сделайте адрес более понятным и читабельным, например, vk.link/ppcworld.

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

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

4. Старайтесь максимально заполнить все блоки и поля. Чем больше информации будет на сайте, тем проще пользователю принять решение.

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

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

Примеры сайтов, сделанных из сообществ

А вот несколько вдохновляющих примеров лендингов, сделанных в конструкторе во «ВКонтакте».

1. Мастерская изделий из эпоксидной смолы Vikenteva art. Привлекательные фото готовых работ, стильная обложка и честный рассказ мастера о своем творческом пути.

2. Магазин съедобных букетов «Азбука Вкусных Букетов». Яркие фото с сочными фруктами и ягодами вызывают аппетит, а блок с отзывами подкрепляет доверие к бренду.

3. Магазин свечей из натуральных ингредиентов Art Love Lab. Акцент на экологичности и натуральности состава, оформление леднинга в светлых приглушенных оттенках подчеркивает ощущение тепла и уюта, которое создают свечи.

4. Магазин картин по номерам Stylish Cat. Здесь представлены не только продаваемые изделия, но и реальные работы покупателей, которые приобрели картину по номерам.

5. Сувениры с тематикой северных городов «Тундра». Суровое оформление в темных цветах и краткое описание концепции бренда: чем вдохновляются создатели и что отражают продаваемые изделия.

6. Бижутерия ручной работы из нержавеющей стали «Кольчужный змей». Знакомство с создателями бренда — с первой строки мы узнаем их имена и чем они занимаются. Далее — описание преимуществ и отработка возражений (например, «не оставляют темных следов на коже») и живой рассказ о кропотливой работе над каждым изделием.

7. Мастерская изделий из натуральной кожи BearCrafts. Акцент на индивидуальности и возможности выделиться из толпы, подчеркнуть свой стиль.

8. Тренажеры ручной работы NosovBars. Четкое описание характеристик товаров, например, «выдерживают нагрузку до 130 килограммов».

9. Цифровой ассистент специалиста по таргетированной рекламе Eresh. Креативно оформленное УТП в виде квеста.

10. Сайт свадебного фотографа в Новосибирске. Знакомство с фотографом, подробное описание услуги и селфи с довольными клиентами. Мы видим не только примеры работ исполнителя, но и его самого.

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