Содержание
Основные блоки и элементы сайта — для чего нужны и как правильно оформить
Вы решили создать свой сайт. Прежде чем планировать его дизайн, стоит подумать о типе сайта и расположении функциональных блоков: меню, контактов, условий доставки и остальных.
Если вы еще сомневаетесь, какой именно сайт вам нужен — сайт-визитка, корпоративный или лендинг, то сперва загляните в статью «Как понять, какой сайт вам нужен» или посмотрите видео на эту тему на нашем канале в «Ютубе».
Узнать подробнее о структуре сайта можно в этой статье: от иерархии страниц зависит успешное SEO-продвижение, удобство для посетителей и продажи.
Для тех, кто уже определился с типом сайта и его структурой, в этой статье мы расскажем про функциональные блоки и элементы сайта: как их обычно используют и на что обратить внимание, когда будете собирать контент для них.
Создать полноценный сайт без знания кода можно с помощью «Конструктора сайтов RU-CENTER». Конструктор поддерживает готовые шаблоны, темы и шрифты — останется только придумать текст и подобрать фотографии.
Первый экран
Главная страница — это первое, что видит посетитель сайта. За несколько секунд он решает: остаться или уйти. Задача этого блока — сделать так, чтобы клиент остался и посмотрел, что еще есть на сайте, или сразу же перешел к целевому действию.
Основные элементы
Заголовок. Часто это название того, что продается на сайте, слоган или вдохновляющая цитата.
Что продается — одежда, бренд — «О, май». Источник: ohmy.ru
Фоновое изображение: фотография, видео, иллюстрация, цвет или градиент. Картинка может иллюстрировать то, что человек в итоге получит, или задавать атмосферу. Если у вас нет собственных фотографий, можно прочитать нашу статью «Как законно использовать чужие изображения на вашем сайте».
Кнопка. Можно добавить целевое действие сразу на обложку: те, кто искал именно вас или уже заходил к вам, смогут сразу оформить заказ или перейти к новинкам и акциям.
На что обратить внимание
Не обязательно использовать все и сразу: фоновое изображение, заголовок и кнопку. Часто на главном экране — только картинка.
Пример первого экрана: меню (о нем дальше будет отдельный блок), изображение кольца из последней коллекции, слоган в виде закольцованной бегущей строки и кнопка. Источник: jewelry-in-august.com
Как выглядит сайт на разных устройствах. Во многих конструкторах сайтов можно посмотреть, что увидят посетители, если зайдут с ноутбука, смартфона или компьютера с большим экраном. Либо можно воспользоваться для этого расширением Window Resizer. Фрилансеры и дизайн-студии обычно проверяют этот момент, но лучше прописать его в ТЗ.
Меню и навигация
Понятные меню и навигация помогут посетителю сайта легко найти нужную информацию.
Основные элементы
Кликабельный логотип. Нажав на него, посетитель перейдет в начало главной страницы. Блок «Главная» можно удалить из меню.
Хедер (шапка сайта). Можно добавить меню, контакты, поле для поиска, выбора языка или города. Стоит выносить сюда то, что важно для вашего бизнеса: например, разделы «Доставка» и «Возврат».
Пример хедера. Источник: moscow.petrovich.ru
Активный пункт показывает посетителю, в каком разделе сайта он находится. Можно менять цвет активного пункта, подчеркивать или зачеркивать его, делать насыщеннее или прозрачнее — в общем, отличным от других.
Подчеркнутый раздел «Книги» подсказывает посетителю, где он находится. Источник: popcornbooks.me
Кнопка «Наверх» помогает быстро попасть в начало страницы, а не пролистывать ее вручную. Может быть в виде слова, стрелки вверх или другого элемента.
Пример кнопки «Вверх» в виде стрелки — появляется при скролле. Источник: travki.co/tea
Фильтры и сортировка. Возможность фильтровать и сортировать товары в интернет-магазине облегчает посетителю поиск того, что ему нужно.
Примеры фильтров и сортировки. Источник: ru.puma.com
Хлебные крошки. Это путь к разделу, в котором сейчас находится посетитель. Обычно выглядит так: главная страница — раздел — подраздел — страница. Стоит использовать их, если у вашего сайта сложная структура и большое количество разделов с подразделами.
HOME / ЖЕНЩИНЫ / ДЖИНСЫ И ДЕНИМ — это и есть хлебные крошки. Источник: cosstores.com/ru_ru
Перелинковка. Можно добавить на страницу товара блок с подборкой «Вам может понравиться» и предложить перейти на другие страницы сайта.
Пример перелинковки «Вам также понравится». Источник: 365detox.ru
Навигация в виде плитки. Можно показать сперва список товаров или услуг с картинками и ссылками. Нажав на то, что заинтересовало, посетитель перейдет в карточку товара или нужный раздел.
Каталог в виде плитки: сперва видишь все категории, что есть — и выбираешь нужную. Источник: periodica.press
На что обратить внимание
Значимые разделы. Меню должно содержать все основные разделы сайта, которые могут пригодиться посетителю. Оно располагается вверху страницы, в левой части экрана или в футере и должно быть доступно на главной странице: это важно для поисковой оптимизации.
Фиксированное меню. Можно зафиксировать меню (слева или сверху): посетитель в любой момент при скролле найдет нужный раздел.
Фиксированное меню при просмотре сайта всегда остается слева. Источник: studio-29.ru
Лаконичность. Лучше сделать не более 4−5 пунктов меню, а их названия — из одного короткого слова.
О компании
В этом блоке можно рассказать, как вы производите свой продукт и доставляете, зачем создали компанию, кто у вас работает. Открытость и прозрачность в работе компании вызывают доверие, а личные истории — чувство сопричастности.
Основные элементы
О проекте, бренде или компании. Кто вы такие, чем интересны и полезны для клиента, ваша миссия, как все начиналось, с какой идеи. Можно добавить сюда ленту из «Инстаграма» или видео и показать процесс создания продукта.
Это не просто картинки о производстве украшений, а гифки. Источник: jewelry-in-august.com/about/
Преимущества — все, что делает вас, ваш продукт или услугу классными. В этом разделе чаще всего используются короткие тексты с иконками, иллюстрациями или фотографиями. Здесь стоит рассказать, чем вы отличаетесь от конкурентов, почему продукт нужно купить именно у вас — с фактами, доказательствами и примерами.
Возможности — это тоже о преимуществах. Источник: e-kontur.ru/possibilities
Сценарии использования и польза. Рассказать с примерами, как пользоваться вашим товаром или услугой: с картинками, видео, схемами, постами клиентов из соцсетей. Здесь акцент на выгоде и пользе для клиента: не почему продукт или услуга хороши, а как они помогут человеку.
Покажите, как клиент будет пользоваться услугой: например, гифками. Источник: geekbrains.ru
Факты с цифрами. Цифры легко воспринимаются и привлекают внимание. Оптимально использовать 3–5 факта в цифрах и краткое пояснение к ним. Главное — чтобы они были понятными и классными не для вас, а для посетителей. «В прошлом году мы продали 3 000 смартфонов» — непонятно, много это или мало. А вот цифры у издательства МИФ звучат убедительно: «Мы издали 3 145 книг за 15 лет. Если посчитать, то это — книга за 2 дня».
Факты с цифрами можно подавать нестандартно. Источник: skyeng.ru
Кейсы и портфолио. Собрать истории компаний или клиентов, которые добились успеха с помощью вашего продукта. Рассказать, как вы помогли разным клиентам, какие были задачи, или показать фотографии «до и после».
Пример кейсов. Источник: plantsforfriends.ru/projects
Партнеры, клиенты, спикеры. Можно собрать логотипы тех, кто с вами работает или у вас покупает, и показать их в отдельном блоке. Посетителю бывает проще довериться тому, с кем уже работают другие.
На что обратить внимание
Не ставьте иконки ради иконок. Первые попавшиеся в стоках иконки могут смазать впечатление.
Для иконок можно использовать эмодзи, если это выглядит органично. Источник: ru.bookmate.com
Заголовок и изображение должны цеплять. При быстром просмотре нужно подать все так, чтобы на заголовках, иконках или изображениях посетитель задерживал взгляд.
На этом сайте каждый блок визуально отличается от другого: например, раздел «Курсы» выполнен на черном фоне, а раздел «Микрорубрики» — на белом. Источник: arzamas.academy
Продукты и услуги
Для интернет-магазина описывать продукты или услуги — понятная история. Но даже если у вас офлайн-бизнес, этот блок поможет сделать так, чтобы люди захотели прийти к вам.
Основные элементы
Описание проекта, продукта или услуги. Как продукт или услуга помогает решить проблему человека, какую несет пользу, чем интересен или как и зачем создавался: с картинками, видео и доказательствами. В интернет-магазинах это карточки товаров.
Способ приготовления и что во вкусе: информация для любителей спешелти-кофе. Источник: chernyi.coffee
Товарные сетки. Как расположить товары в интернет-магазине, зависит от количества категорий и самих товаров. Например, платья можно расположить в виде плитки товаров: при нажатии на понравившееся откроется поп-ап с карточкой товара.
Пример плитки товаров в категории «Платья». Источник: my812.ru
Пример поп-апа с карточкой товара. Источник: my812.ru
Доставка. Условия, куда доставляете, сколько стоит и куда обращаться за поддержкой.
Возврат. Условия, как сделать и что заполнить. Можно сразу прикрепить формы заявлений.
Все документы по возврату — в одном месте. Источник: chernyi.coffee
Ваш товар у реальных клиентов. Этот блок можно сделать, добавив фото из инстаграма. Клиенты публикуют, например, образы в вашей одежде и ставят специальный хештег.
Источник: stories.com/ru_ru/
На что обратить внимание
Четко дать понять, что предлагается на сайте. Посетитель впервые сталкивается с вашим продуктом, услугой и проектом: пусть за короткое время он максимально полно поймет, что вы предлагаете.
Объяснять понятно для клиента, а не себя. Чем проще и понятнее описание продукта, тем легче будет клиенту принять решение о покупке.
Отзывы
Блок сформирует доверие к вам и покажет, что вы — компания, которая реально существует. Отзывы помогают принять решение: часто они сопровождаются реальными фото товаров в домашней обстановке.
В интернете много отзывов, которые написаны на заказ. Из-за этого к ним настороженное отношение. Лучше добавить ссылки на профили клиентов в соцсетях, реальные фотографии и публиковать только настоящие отзывы, которые могут быть и в формате видео.
Пример отзывов в карточке товара. Источник: divan.ru
Форма для заявок, бронирования и записи
Форма для сбора данных нужна, чтобы собирать лиды. Лид — это любой человек или компания, которые заинтересовались вашим продуктом или услугой.
Форма может быть развернутой, как на скрине, или открываться, когда посетитель нажмет на кнопку (CTA). Источник: excusemyfrench. ru
Блок обычно состоит из заголовка, подзаголовка и формы, или только из заголовка и кнопки. Иногда нужно объяснить, зачем, например, подписываться на вашу рассылку. И стоит настроить страницу благодарности или сообщение, которые будут появляться после подписки: «Спасибо, что подписались на рассылку».
На сайте можно разместить простую форму подписки на рассылку и настроить поп-ап, где уже будут объяснения, зачем стоит подписаться. Источник: vetermagazine.ru
Вопросы и ответы
Этот блок работает со страхами и сомнениями клиентов, которые собираются что-то купить. Можно собрать частые вопросы и развернуто ответить на них.
Посетитель может открыть ответ на вопрос, который его интересует. Источник: postpartum.ru
Блог и новости
Раздел добавляет экспертности и доверия к компании, продуктам или услугам. А еще показывает, что вы растете, меняетесь и не боитесь делиться опытом.
Можно публиковать свежие интервью со ссылками. Источник: lucyzharikova. com/about
Основные элементы
Блог. Публикуя интересные и полезные статьи по своей тематике, можно показать компанию как эксперта в области и привлечь внимание целевой аудитории.
В блоге можно подробнее рассказать о преимуществах продукта, о том, как его выбирать и ухаживать за ним. Источник: linentexture.com/blog
Новости. Так можно показать аудитории жизнь компании: ее активность, процессы, интересные события. Главное, чтобы последняя публикация была не за прошлый год.
Источник: detali.net/news
Полезные материалы. Можно предложить посетителю что-то, что он сможет использовать прямо сейчас: обучающее видео, статью или файл с инструкцией. Люди больше доверяют тем, кто не боится делиться своими опытом и знаниями. Если к материалам добавить кнопки соцсетей для шеринга, о вас узнает больше людей.
Можно поделиться фрагментом лекции, чтобы получить контакт посетителя. Источник: authentic.academy
Публикации. Они выступают как социальное доказательство: о вас пишут, значит, вы существуете. Иногда достаточно добавить логотипы СМИ: даже не читая текст, посетитель может заметить их.
Вариант с логотипами, которые говорят сами за себя. Источник: heisplant.ru
Контакты
Как с вами связаться: адрес, email, телефон или карта с инструкцией, как добраться. Сюда можно добавить форму обратной связи.
Источник: arzamas.academy
Футер
Блок отделяет текст от нижнего края экрана. Здесь собраны все значимые разделы сайта — это важно для поисковой оптимизации. Тут можно разместить контакты, ссылки на соцсети или кнопки шеринга, юридическую информацию и публичную оферту. Часто в футере можно подписаться на рассылку.
Источник: monochrome.ru
Вдохновляйтесь примерами и делайте то, что лучше для ваших клиентов и бизнеса.
Перейти ко всем материалам блога
Как создать группу в ВК и сделать ее вовлекающей для подписчиков
Группу в VK могут подключать разные сферы бизнеса. Она подходит для продвижения личного блога, СМИ или магазина. В этой статье мы узнаем, как создать группу в ВК, определим ее плюсы и минусы, разберем ключевые настройки, а также форматы взаимодействия с подписчиками.
Кому нужна группа в ВК
Создание группы в ВК: плюсы и минусы
Как создать группу в ВК
Как настроить группу
Оформление группы в ВК
org/ListItem»>Как смотреть статистику группы
Как сделать группу в ВКонтакте с телефона или планшета
Как сделать группу привлекательной для пользователей
Заключение
Как правильно вести группу
Кому нужна группа в ВК
Группа в VK создается в том случае, если вы хотите привлечь аудиторию и инициировать коллективное обсуждение тем. Пользователи имеют возможность самостоятельно генерировать поводы для начала дискуссии: добавлять новости, альбомы и обсуждения. В паблике автор контролирует ситуацию и координирует действия подписчика, тем самым направляя его на сайт или в комментарии.
Возможности группы ВКонтакте:
- Быстрое создание и настройка — достаточно 15 минут, чтобы запустить группу.
- Площадка охватывает большую часть русскоговорящей аудитории. Среди нее можно найти потенциальных клиентов.
- Группа может быть как публичной — для всех пользователей платформы, так и частной — для сотрудников и руководителей, или закрытой — например, для тех, кто имеет ограниченный доступ к мероприятию. А паблик — это всегда открытая страница.
- Пользователи в группе — это участники, принимающие активную деятельность в жизни сообщества. Также они могут быть и подписчиками — теми людьми, которые подписались на рассылку. В паблике — это всегда подписчики.
- Пользователи могут публиковать записи на стене группы или предлагать новости.
В группе вы сможете не только рассказать о компании, но и подключить интернет-магазин, настроить сайт, публиковать полезные статьи, проводить викторины, опросы и розыгрыши, а также информировать о предстоящих мероприятиях и запускать трансляции, чтобы взаимодействовать с аудиторией.
Создание группы в ВК: плюсы и минусы
Рассмотрим плюсы и минусы группы в VK.
Плюсы
В плюсы можно отнести:
- Группа позволяет подписывать пользователей на рассылку и всегда держать с аудиторией связь.
- Бесплатное использование — на этапе создания от вас не потребуется финансовых вложений.
- Площадка ВКонтакте предлагает гибкую систему настройку рекламы, которая поможет вам найти целевую аудиторию.
- Небольшая стоимость за клики в объявлениях — вы сможете быстро найти подписчиков.
Минусы
К минусам относят:
- Основная аудитория — это люди от 30 до 40 лет. Более молодых пользователей лучше искать на других площадках, а старшее поколение чаще пользуется «Одноклассниками».
- ВКонтакте следит за публикациями — поэтому нужно отслеживать корректность записей и не нарушать правила сообщества.
- Следите за безопасностью аккаунта и подключайте двухфакторную авторизацию.
- У многих пользователей в настройках стоит запрет на приглашение в группы. Для приглашений можно использовать рассылку или рекламу.
Как создать группу в ВК
В этом разделе разберем этапы создания группы в ВК.
Создание сообщества
Чтобы создать группу в VK, зайдите на платформу и перейдите в раздел «Сообщества». Далее нажмите на кнопку «Создать сообщество».
Скриншот, на котором показано, как создать группу в ВК
Выбор типа сообщества
Перед вами откроется окно с типами сообществ — выберите формат, который отвечает вашим задачам. «Группа по интересам» нужна, чтобы создать тематическое сообщество.
Примечание. В настройках сообщества вы впоследствии сможете изменить тип сообщества.
Выбор формата сообщества
Ввод названия и тематики
После выбора типа сообщества нужно определиться с названием, тематикой и типом группы: открытая, закрытая или частная.
- Название должно соответствовать имени бренда, тематике группы или ключевому запросу.
- Тематика должна отражать интересы целевой аудитории и отвечать на вопрос: «Для чего создана группа?». Например, тематика «Недвижимость» подойдет риэлторскому агентству.
Также в этом окне вы можете добавить сайт компании и адрес. Либо ввести эти данные в настройках.
Выбор названия и тематики
Нажмите на кнопку «Создать сообщество» и переходите к настройке. Перед вами откроется страница, как на скриншоте ниже.
Новая группа в VK
А здесь показана готовая группа ВК. Организаторы квиза создали сообщество, чтобы делиться впечатлениями от прошедших игр и фотографиями участников, а также рассказывать о новых мероприятиях и приглашать пользователей.
Здесь вы можете увидеть обложку, аватар, описание группы, меню с возможностью быстро оставить заявку и подписаться на рассылку. А также справа — ссылки, товары, альбомы, видео, аудиозаписи, обсуждения и контакты.
Пример заполненной группы в VK
Как настроить группу
Перейдем к настройкам сообщества и разберем разделы, которые подключить к странице.
Чтобы включить настройки, найдите на странице сообщества раздел «Управление».
Скриншот, на котором видно, как перейти в настройки сообщества
Ключевые настройки
Первый раздел в управлении группой — «Настройки». Здесь вы можете добавить описание, обложку, адрес страницы и контакты, выбрать тип группы, подать заявку на верификацию и настроить кнопку.
Настройки группы
Основная информация
В этом блоке можно:
- Изменить название.
- Добавить описание с эмодзи и разбивкой на абзацы.
- Выбрать тип группы.
- Добавить обложку.
- Изменить адрес страницы. Лучше всего использовать название бренда, написанное латиницей, или ключевой запрос, чтобы пользователи могли быстро вас найти в поиске ВК.
- Подать заявку на верификацию, которая подтверждает факт того, что страница является официальной.
Настройка основной информации и кнопки действия
Кнопка действия
Она будет показываться под обложкой или аватаром на главной странице группы. В настройках кнопки можно выбрать текст и целевое действие:
- Написать на почту.
- Позвонить.
- Открыть сайт или приложение.
В окне действия — например, «Номер телефона» — нужно ввести актуальный номер для того, чтобы пользователи могли связаться с вами.
Настройки кнопки действия
Ниже показан пример кнопки действия в группе книжного магазина, которая ведет пользователя на сайт.
Пример того, как отображается кнопка в группе под обложкой
Дополнительная информация и другие настройки
В данных блоках можно:
- Изменить группу на паблик в разделе «Тематика».
Как изменить тип сообщества в настройках группы
- Изменить группу на паблик в разделе «Тематика».
- Добавить ссылку на сайт.
- Номер телефона.
- Указать страну и город.
- Подключить RSS.
- Включить или выключить отметки на фото.
Дополнительные настройки
Разделы
Это настройка разделов, которые будут отображаться в группе:
- Включение или выключение блоков — стена, фото, видео, аудио, файлы и так далее.
- Добавление каталога с товарами или услугами.
- Разрешение пользователям на добавление объявлений.
- Выбор главного блока, который будет размещаться под описанием, а также второстепенного.
Настройка разделов для группы
Комментарии
Этот раздел настроек позволяет контролировать комментарии — например, фильтровать нецензурные сообщения или враждебные высказывания.
Здесь вы сможете найти удаленные сообщения и решить, что делать с подписчиками — ограничить доступ или отправить в бан.
Настройка комментариев
Сайт
В соцсети появилась возможность оформления сайта по схеме разделов в группе. Чтобы создать страницу, перейдите в раздел настроек «Сайт из сообщества».
Создание сайта из сообщества
Перед вами откроется окно настроек:
- Оформление главного блока — заголовок, описание, обложка, кнопки действия и преимущества.
- Далее вы выбираете блоки и оформляете по тем же параметрам, которые мы указали выше, кроме преимуществ.
Настройка страницы сайта в ВК
Ниже показан шаблон сайта, который вы можете посмотреть и создать похожий дизайн.
Шаблон сайта в соцсети
Примечание. Остальные разделы настроек мы рассмотрим ниже.
Оформление группы в ВК
Рассмотрим несколько важных элементов, которые нужно оформить, чтобы привлечь пользователей и укрепить позиции бренда.
Выбор аватара
Аватар добавляется на главной странице группы. Вы можете разместить логотип компании, название бренда или продукта, тематическую картинку, которая будет отражать суть сообщества.
Размер аватара:
- Минимальный размер составляет 200 х 200 пикселей. А чтобы не «просадить» качество, загружайте формат 400 х 400.
- Максимальный размер аватара может достигать 7000 пикселей. Соотношение сторон может доходить до 5:2, но не больше. Иначе редактор предложит обрезать изображение.
Рекомендуем к прочтению! Изучите нашу памятку и узнайте какие размеры картинок подходят для соцсетей.
Формат аватара: JPG, GIF или PNG.
Аватар в группе
Настройка обложки
Обложка — это баннер, на котором размещают УТП, миссию компании, слоган, контактную информацию или призыв к действию.
В десктопной версии обложка статична, а в мобильную можно также добавить и динамическую — видео или GIF.
Размеры обложки должны быть 1590 пикселей в ширину и 400 — в высоту. Учтите, что в мобильной версии у баннера с обеих сторон по краям обрезается по 200 пикселей.
Настройки обложки
А о том, как оформить другие элементы группы: меню, описание, посты ссылки и обсуждения — читайте в нашем пошаговом руководстве.
Как правильно вести группу
В этом разделе рассмотрим, как нужно вести группу в VK.
Записи
После того, как вы закончили оформление, пора опубликовать первую запись. Это может быть пост-знакомство, опрос, розыгрыш, видео или подборка с картинками.
К тексту также можно добавить статью, файл, карту, граффити, услугу или аудиофайл. А еще есть возможность выбрать фон.
Набор инструментов и вложений, которые можно прикрепить к посту
А здесь показан пример выбора фона для публикации. Можно выбрать однотонный, с градиентом или со смайликами.
Вариант фона для публикации
Запись можно публиковать от имени сообщества в целом или лично от автора поста. А также настроить доступ к сообщению и поставить отметку «Реклама».
Настройки доступа к публикации
Оформляя пост, вы можете сделать отложенную запись.
Выбор даты для публикации
Перед публикацией можно выбрать тематику.
Выбор тематики
Ниже показан пример публикации в тематической группе. В пост добавлен текст, хэштег и статья.
Пример записи в группе со статьей
Примечание. Разработчики добавили возможность прикреплять статью к видео.
А здесь — пост с анонсом розыгрышей в другой социальной сети. В записи есть текст, эмодзи, ссылка и баннер.
Пост-анонс
Рекомендации, как добавлять посты в группу:
- Не следует создавать только продающие публикации. Чередуйте контент, чтобы подписчикам было интересно читать ваши записи и они не уставали от однотипных постов. Добавляйте картинки, видео, статьи и опросы к основному материалу.
- Закрепите пост-знакомство или опрос, который с первых же секунд привлечет внимание пользователя.
- Следите за грамотностью и изложением мысли. В тексте не должно быть ошибок и резких переходов.
- Изучите активность аудитории и ее часовой пояс. Старайтесь к выбранному времени публиковать посты. Например, люди чаще читают соцсети утром по дороге на работу, в обед и вечером — после работы.
- Не забывайте подводить итоги розыгрышей и акций, а также вовремя обновлять информацию в постах, например, расскажите об этом в комментарии к публикации.
- Если аудитория задает вопросы под постом — старайтесь отвечать на все запросы и помогать подписчикам.
Прямые трансляции
Трансляции на данный момент актуальны и очень полезны. Привлекайте внимание пользователей рассказами из жизни компании или отвечайте на вопросы подписчиков.
ВКонтакте позволяет проводить прямые трансляции с подписчиками. Чтобы это сделать, перейдите в раздел с видео и нажмите «Создать трансляцию».
Кнопка «Создать трансляцию»
Перед вами откроется окно настроек. Вы можете выбрать одноразовый ключ, который позволяет вести несколько трансляций от имени группы. Это будет полезно, например, сообществам, которые проводят обучение.
Вам нужно добавить обложку, ввести название эфира и описание, а также выбрать категорию (тематику) и время.
Настройки одновременных трансляций
Далее нужно скопировать ключ для программы, где вы будете вести прямой эфир, и выбрать настройки для комментариев, оповещений и ссылок.
Настройки одновременных трансляций — ключ и ссылка на площадку
Альтернативный вариант — подключить постоянный ключ, который позволяет проводить регулярные эфиры, но не одновременно. Здесь достаточно скопировать ключ и запустить трансляцию.
Настройка регулярных трансляций
Примечание. Для десктопа потребуется специальная программа для прямых эфиров, а для мобильной версии — приложение VK.
Чтобы запустить прямой эфир на смартфоне — зайдите в приложение и на первой вкладке «Новости» нажмите на свой аватар с плюсиком. Это раздел, где ваши друзья размещают истории, а вы можете добавлять свои.
Вариант, как создать трансляцию
Перед вами откроется окно, в котором вы выбираете раздел «Прямой эфир», настраиваете его, добавляете файлы, если требуется, и запускаете трансляцию.
К эфиру можно прикрепить ссылку, запись, товар или опрос.
Запуск прямого эфира со смартфона
Опросы
Этот формат общения помогает узнать больше информации о подписчиках, чтобы удерживать их внимание и укреплять доверие. Например, можно спросить, какого возраста аудитория или какой контент им интересен.
Создание опроса
Ниже пример опроса в группе. Анкета поможет компании понять, какую стоимость можно запросить за разработку сайта. Также ее возможно использовать для акции — предложить подписчиками скидки на услуги.
Пример опроса в группе
Беседы
Чтобы создать чат с подписчиками, зайдите в настройки и найдите раздел «Беседы».
Создание беседы в настройках группы
Нажмите на кнопку «Создать беседу», введите название в открывшемся окне и подтвердите создание чата.
Создание новой беседы
После этого вы можете настроить чат и пригласить подписчиков.
Скриншот, на котором видно, как найти настройки чата
Ниже показано управление чатом.
Управление беседой
А здесь показано приглашение, которое увидят ваши подписчики.
Приглашение в беседу
Подписчики и авторы могут видеть беседу в разделе «Мессенджер»:
Пример, как выглядит беседа с подписчиками
Если вы общаетесь с пользователем тет-а-тет — подключите чат-бота в VK. Он сможет автоматизировать процесс коммуникации с клиентом: отправлять персонализированные рассылки, информировать о новых записях, рассказывать об акциях, отвечать на часто задаваемые вопросы и помогать оформлять заявки.
В сервисе SendPulse есть удобный конструктор с готовыми элементами. Это поможет вам быстро создать чат-бота и подключить его к группе.
Рекомендуем к прочтению! Узнайте, как создать чат-бота в VK:
- Пишем текст для чат-бота: особенности и советы
- Примеры чат-ботов: удачные решения, которые можно использовать в бизнесе
- Как создать чат-бота для ВКонтакте
- Учимся создавать приветствие чат-бота. Важные правила и примеры из жизни
Статистику группы можно найти на главной странице сообщества.
Как перейти в статистику
Аналитика делится на несколько отчетов:
- Обзор. Общие показатели посещаемости, целевых действий и взаимодействия с подписчиками.
Общая статистика группы - Охват. Показатели охвата аудитории, ее пол и возраст, географическое местоположение и устройства.
Статистика охвата - Посещаемость. Уникальные посетители и просмотры, пол и возраст аудитории, местоположение, устройства, источники перехода, активность участников и просмотры разделов.
Статистика посещаемости - Активность. Уведомления о новых записях, рекомендации подписчиков, обратная связь, активность по дням и переходы по ссылкам.
Статистика активности - Сообщения сообщества. Сбор данных о сообщениях в группе и уникальных пользователях.
Статистика сообщений в группе - Отчеты. Еженедельные отчеты по основным показателям: посещаемость, просмотры, охват и подписчики.
Еженедельные отчеты по основным показателям
Как сделать группу в ВКонтакте с телефона или планшета
Настройка группы со смартфона и планшета ничем друг от друга не отличаются. Вам нужно установить приложение VK и через него создать сообщество.
Чтобы создать группу с мобильного телефона, зайдите в приложение ВК, найдите внизу раздел «Сервисы» и на этой странице нажмите на «Сообщества».
Раздел «Сообщества»
В открывшемся окне сверху будет большой плюсик. Нажмите на него, чтобы перейти к созданию группы.
Создание группы во вкладке «Сообщества»
Последующие настройки ничем не отличаются от десктопной версии. Вам нужно выбрать тип сообщества.
Выбор типа сообщества
Введите название, тематику и тип группы. Затем поставьте галочку, что вы согласны с правилами площадки и нажмите на кнопку «Создать сообщество».
Ввод названия и выбор тематики группы
Перед вами откроется мобильная версия группы:
Создание группы в приложении VK
Все настройки совпадают с десктопной версией площадки:
Пример настроек группы в приложении
Как сделать группу привлекательной для пользователей
Советы, как сделать группу вовлекающей:
- Используйте рекламу для продвижения записей.
- Предлагайте пользователям делать репосты за определенный бонус. Это может быть розыгрыш или подарок.
- Чередуйте контент и не публикуйте его слишком часто и в большом количестве.
- Запускайте трансляции и общайтесь с аудиторией. Спрашивайте у них о том, какой контент им интересен и о чем они хотят поговорить.
- Добавляйте новый материал в группу: видео, аудио, обсуждения, опросы и тому подобное. И не забывайте информировать об этом аудиторию.
- Оформите группу в едином стиле, чтобы он запоминался подписчикам и его могли сразу узнать в рассылках и рекламе.
- Отвечайте на вопросы подписчиков в комментариях и сообщениях.
- Вовремя обновляйте закрепленные посты, если в них указаны ограниченные сроки акций.
- Пишите интересные и увлекательные посты, которые можно разбить на несколько публикаций и тем самым удерживать внимание читателя. Например, в формате сторителлинга.
- Используйте собственные креативы и фотографии — уникальный контент привлекает пользователей.
Рекомендуем к прочтению! Узнайте, как раскрутить группу в ВК с помощью контента.
Заключение
В этой статье мы узнали, как создать группу в VK через браузер и приложение. Разобрали форматы взаимодействия с аудиторией и выявили плюсы и минусы формата сообщества.
А чтобы автоматизировать общение с подписчиками — регистрируйтесь в нашем сервисе SendPulse, настраивайте чат-боты не только в VK, но в других соцсетях и мессенджерах: Facebook Messenger, Instagram, WhatsApp и Telegram. А также создавайте одностраничные сайты в конструкторе лендингов и отправляйте email рассылки, добавляйте бесплатную CRM-систему и подключайте Viber, SMS и push уведомления.
ОпенКарт. Как добавить новую страницу содержимого и связать ее с новой вкладкой меню (на основе шаблонов Bootstrap)
В этом руководстве показано, как добавить новую страницу содержимого и связать ее с новой вкладкой меню.
ОпенКарт. Как добавить новую страницу контента и связать ее с новой вкладкой меню (на основе шаблонов Bootstrap)
Войдите в панель администрирования OpenCart (yoursite. com/admin).
Перейти к каталогу -> Информация .
Нажмите кнопку Вставить , чтобы добавить новую страницу содержимого.
Введите название своей страницы и вставьте текст страницы в поле Описание . Вы можете использовать визуальный редактор для форматирования текста. Вставляйте изображения и создавайте гиперссылки. Вы также можете редактировать HTML-код. Просто нажмите кнопку Source .
Выберите вкладку Данные . Здесь вы можете определить ключевые слова страницы, установить порядок сортировки, отобразить нижний колонтитул и включить или отключить страницу.
Сохраните изменения и проверьте свой магазин онлайн. Страницы контента отображаются в информационном блоке .
Нам нужно отредактировать код файла header. tpl , чтобы добавить нашу страницу контента в верхнее меню. Файл находится в папке /catalog/view/theme/themeXXX/template/common .
Отредактируйте файл с помощью любого редактора PHP/кода. Найдите код меню. Это должно выглядеть примерно так:
<ул> request->get['route'])) { $route='active'; } иначе {$route='';}?>
" href=""> " href=""> " href=""> " href=""> " href=""> Каждая строка кода отображает один элемент меню. Скопируйте последнюю строку кода:
" href=""> Нам нужно изменить условие назначения «активного» класса CSS для нашего нового пункта меню. Заменим:
request->get['route']) && $this->request->get['route']=="checkout/checkout") {echo "active";} ?>
с:
request->get['route']) && $this->request->get['route']=="information/information") && (isset($this ->request->get['information_id']) && $this->request->get['information_id']=="13")) {echo "active";} ?>
Это код информационной страницы. Вы должны заменить 13 на идентификатор вашей новой страницы.
Следующий код:
следует заменить на заголовок элемента меню. В нашем случае это Test .
ПРИМЕЧАНИЕ. — это код значка Font Awesome . Вы можете заменить класс на тот, который вам нравится. Вы можете найти список иконок и их классов, перейдя по следующей ссылке. Версию значков шрифтов можно проверить в файле шаблона /catalog/view/theme/themeXXX/stylesheet/font-awesome.css.
Нам нужно получить URL-адрес нашей страницы контента, чтобы связать ее с верхним меню. Нажмите на ссылку страницы в информационном блоке и скопируйте URL-адрес из адресной строки веб-браузера.
Затем измените следующий код:
на URL-адрес нашей страницы с контентом, которую мы скопировали.
Вот полная строка с внесенными изменениями:
request->get['information_id']) && $this->request->get['information_id']=="13")) {echo "active";} ?>" href="http://templatetesting. com/vincent/index.php?route=information/information&information_id=13">Тест И полный блок кода меню будет выглядеть так:
<ул> request->get['route'])) { $route='active'; } else {$route='';}?>
" href=""> " href=""> " href=""> " href=""> " href=""> request->get['information_id']) && $this->request->get['information_id']=="13")) {echo "active";} ?>" href="http://templatetesting. com/vincent/index.php?route=information/information&information_id=13">Тест Сохраните файл. Страница добавлена в главное меню.
Теперь давайте добавим ссылку на нашу новую страницу в меню мобильного просмотра. Мы можем проверить, что в браузере Firefox : Веб-разработчик->Режим адаптивного дизайна меню (Ctrl + Shift + M).
В этом же файле нам нужно найти код
Давайте добавим код нашей новой ссылки заголовка в мобильное меню после элемента оформления заказа (нам нужно добавить его над строкой):
Модифицированный код будет выглядеть следующим образом:
<дел> <ул> request->get['route'])) { $route='active'; } else {$route='';}?>
" href=""> " href=""> " href=""> " href=""> " href=""> request->get['information_id']) && $this->request->get['information_id']=="13")) {echo "active";} ?>" href="http://templatetesting. com/vincent/index.php?route=information/information&information_id=13">Тест
<ул>
- <ул>
- <ул>
- <ул>
ПРИМЕЧАНИЕ: Код может различаться в зависимости от шаблона.
Добавьте новую строку и вставьте скопированный код.
Не забудьте заменить 13 фактическим идентификатором вашей новой страницы.