Как сделать шапку в группе вконтакте

Как установить живую обложку в сообщество

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

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

Живая обложка работает только в мобильном приложении ВКонтакте. В мобильной и веб-версиях обложка может быть только статичной

Существует два способа установки или редактирования живой обложки.
Способ 1. Блок с обложкой сообщества
Самый быстрый способ — использовать блок с обложкой. Работает только в версии для компьютера.

Наведите курсор мыши на правый верхний угол обложки сообщества → «Загрузить изображение».

Вы увидите окно «Обложка сообщества». Чтобы загрузить фото и видео, нажмите кнопку «Добавить».
Способ 2. Настройки сообщества

Настройка живой обложки через раздел «Управление» занимает чуть больше времени, зато доступна для всех версий.

В версии для компьютера

В блоке с основной информацией находится раздел «Обложка». Нажмите «Управление» справа, чтобы перейти к созданию живой обложки.

Откроется окно «Обложка сообщества». Внизу вы увидите кнопку «Добавить». Нажмите на неё, чтобы загрузить фото или видео.

В мобильном приложении
Нажмите на значок «шестерёнка» в правом верхнем углу → «Информация» → «Обложка».

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

Теперь вы знаете, как создать живую обложку. Самое время перейти к её редактированию.
Редактирование живой обложки

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

Версия для компьютера

В блоке «Живая обложка сообщества» наведите курсор мыши на слайд, который хотите изменить/удалить. Чтобы загрузить новое изображение и видео, нажмите на стрелку, а чтобы удалить — на крестик.

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

Мобильное приложение

В разделе «Обложка» нажмите кнопку «Изменить» в правом верхнем углу. Рядом с объектами в живых обложках появятся значки удаления (красный кружок) и перемещения (полоски).

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

Гайд по обложкам во «ВКонтакте»: рассказываем, какими они бывают, показываем, как сделать

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

Иллюстрация: Катя Павловская для Skillbox Media

Лена Солодкова

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

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

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

• Какие бывают форматы обложек и чем они различаются
• Что такое живая обложка
• Как выбрать формат и оформление для своего сообщества
• В каких сервисах можно сделать обложку без помощи дизайнера
• Как поставить обложку с разных устройств
• Как заменить или удалить обложку
• 10 идей простого оформления

Старт в Telegram за три дня:
курс от Skillbox Media для новичков и SMM-специалистов

Узнайте, как создать канал, который будут читать и репостить. Вот ссылки на курс-рассылку: в Telegram и во «ВКонтакте». Бонус: эксклюзивная скидка на обучение в Skillbox.

Формат обложек во «ВКонтакте»: требования к статичным и динамичным обложкам

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

Во «ВКонтакте» два типа обложек — статичные и живые.

Статичная обложка — это изображение, которое не двигается и одинаково отображается на всех устройствах.

• формат PNG, JPG или GIF;
• соотношение сторон 3:1;
• разрешение изображения 1590×530.

Вот как статичные обложки отображаются на разных устройствах:

Живая обложка — это динамичная обложка, которая представляет собой видео, галерею из нескольких фотографий или всё вместе. Живые обложки отображаются только в мобильной версии приложения. Такая обложка отличается от статичной не только тем, что двигается, но и размером — она занимает больше места на экране смартфона, чем стандартная обложка.

• разрешение файлов 1080×1920;
• соотношение сторон 9:16;
• длительность видео — не более 30 секунд;
• размер файла — до 20 МБ;
• видеокодек Н.264 (настройка сжатия видео);
• аудиокодек ААС (настройка сжатия звука).

Вот как живая обложка отображается на смартфоне:

Мобильная или живая обложка: преимущества динамичного варианта

Живая обложка отображается только в мобильной версии «ВКонтакте», поэтому её ещё называют «мобильной». Вот несколько главных её плюсов:

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

Как выбрать формат и стиль будущей обложки: советы и примеры

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

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

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

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

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

И ещё несколько советов по оформлению:

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

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

Как сделать обложку для сообщества во «ВКонтакте» самостоятельно: 8 бесплатных приложений

Расскажем про 8 бесплатных сервисов, в которых удобно работать над обложками. Конечно, это не всё — создать обложку можно в любом знакомом и удобном для вас фото- или видеоредакторе.

Сервисы, в которых можно сделать статичную обложку

Figma. Простой и удобный графический редактор, который доступен только для работы на десктопе. Все картинки внутри этой статьи сделаны в Figma. У редакции «Дизайн» Skillbox Media есть подробный самоучитель по работе с Figma.

Meitu. Приложение для работы с фото и видео. В нём есть шаблоны с нужными разрешениями — 3:1 и 9:16. В Mojo удобно накладывать текст на фото или видео, добавлять стикеры и рисунки от руки. Также в приложении доступно множество готовых визуальных решений — например, рамки или готовые отрисованные элементы.

PicsArt. Универсальный редактор для фото и видео. В этом приложении такие же функции, как в Meitu, но выбор гораздо шире — больше визуальных эффектов, шрифтов для текста, стикеров.

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

Сервисы, в которых можно сделать динамичную обложку

InShot. В этом приложении есть всё для работы с живой обложкой. Можно обрезать и изменить скорость видео, выбрать нужный вертикальный формат (9:16) для живой обложки, добавить на файл текст, музыку, визуальные эффекты. Также есть функция наложения одного файла на другой. То есть можно, например, на видео наложить фото и наоборот. В InShot также доступна работа с фото, поэтому сервис подойдёт и для создания статичной обложки.

CapCut. Редактор видео с такими же функциями, как в InShot, но без возможности работать с фото.

Mojo. Редактор историй со множеством готовых шаблонов. Он подойдёт для живых обложек, у которых такое же разрешение, как у историй (9:16). В Mojo есть шаблоны с красивым текстом, динамичным слайд-шоу — нужно только подставить свои изображения или видео. Менять или удалять готовые элементы на шаблоне тоже можно.

Unfold. Приложение, аналогичное Mojo по функциям, но с другими шаблонами.

Как добавить обложку в сообщество с компьютера и телефона

С помощью компьютера можно поставить оба формата обложек — и статичную, и динамичную. Зайдите в нужное сообщество и пройдите по этому пути: «Управление» → «Настройки» → «Обложка: Управление» → «Добавить обложку» → «Сохранить и продолжить».

Вот как это выглядит в сообществе, где нет обложек:

А вот так — в сообществе, где обложки уже стоят:

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

• загрузить обложку — то есть поменять обложку в сообществе;
• редактировать обложку — изменить область отображения в сообществе: например, приблизить или сдвинуть существующую картинку;
• удалить обложку.

На смартфоне можно поставить только живую обложку. Зайдите в нужное сообщество и пройдите по этим кнопкам: «Управление» → «Информация» → «Обложка».

Можно также редактировать обложку, добавить новый файл в галерею живых обложек, включить или выключить кнопку «Фотографии в движении». При включении этой функции картинки будут плавно приближаться.

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

Изменить существующую обложку можно с десктопной и с мобильной версии «ВКонтакте». Правила те же, что и для установки новой обложки: на компьютере можно поменять и статичную, и динамичную версии, а на телефоне только динамичную.

Сначала расскажем, как поменять или удалить обложку с помощью компьютера. Зайдите в сообщество и перейдите в редактор обложек: «Управление» → «Настройки» → «Обложка: Управление».

• Если нужно заменить статичную обложку, наведите курсор на нынешнюю обложку и нажмите на кнопку «Загрузить обложку».
• Если нужно заменить живую обложку, пролистайте чуть ниже до раздела с живой обложкой и нажмите на кнопку «Заменить».

Чтобы удалить любую обложку, нажмите на крестик — символ Х.

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

Выбираем шаблон обложки во «ВКонтакте»: десять примеров для вдохновения

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

Разместите логотип своего бренда или продублируйте название сообщества в вашем стиле.

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

Атмосферу также можно передать с помощью фото.

Напишите на обложке основные тезисы или девиз вашего сообщества.

Ещё один пример с текстовыми, но уже динамичными обложками.

Как узнать больше

• В Skillbox Media есть ещё гайды о работе с сообществами. Вот подборка советов экспертов по тому, как оформить сообщество во «ВКонтакте»: как придумать название и описание, что поставить на аватарку и как оформить меню. А здесь — инструкция по работе с живыми обложками и мудборд для вдохновения.
• Прочитайте гайды, в которых мы рассказываем о других инструментах: как снимать сторис, как настроить эффективную рекламу за 60 минут, как работают рассылки во «ВКонтакте», можно ли продвигаться с помощью хештегов.
• Если вы только осваиваете «ВКонтакте», прочитайте вводную статью о том, как делать SMM в этой соцсети. В ней мы рассказываем главное о контенте, рекламе и инструментах продвижения. А ещё в Skillbox Media есть большое руководство по оформлению групп.
• Чтобы превратить «ВКонтакте» в эффективный инструмент продаж, приходите на курс Skillbox «Продвижение ВКонтакте». Вы научитесь оформлять сообщество, писать вовлекающие посты и запускать таргетированную рекламу.
• Ещё в Skillbox есть курс «Специалист по продвижению ВКонтакте» для тех, кто хочет стать востребованным специалистом, найти работу и продвигать бизнес во «ВКонтакте».

Больше материалов Skillbox Media по SMM

• Как создать и раскрутить Telegram-канал: 7 советов для правильного старта
• Всё о рекламе в Telegram: какой она бывает, как выбрать каналы и запустить посевы
• Что такое TenChat и как найти там клиентов, сотрудников и партнёров: отзывы и рекомендации
• Почему digital-стратегия нужна каждой компании и как стать настоящим стратегом
• Хештеги во «ВКонтакте»: работают ли они, как их правильно ставить, где искать популярные

Как создать хорошую обложку для группы ВКонтакте: гайд с инструкцией

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

Идеи для вдохновения

Обложка — это шапка группы. Ее посетитель замечает первым делом, когда попадает на страницу. Если не добавить ее, шапка будет залита градиентом в оттенках аватарки.

Это смотрится симпатично, но совершенно не рационально, ведь на обложке можно разместить что-то действительно полезное и важное.

1. Логотип и слоган. Можно при этом интересно обыграть лого.

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

1. Информацию о компании.

1. Одно или несколько УТП.

1. Фото продукции.

1. Информацию о важной новинке.

1. Оповещение об акции или спецпредложении.

1. Промо актуальной коллекции.

1. Анонс события.

Или целую афишу мероприятий.

1. График работы.

1. Фото клиентов или целевой аудитории.

Или не фото, а картинки.

1. Call-to-action.

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

Форматы обложки во ВКонтакте

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

Главная обложка

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

Например, шапка группы HeadHunter на десктопе выглядит так.

А в приложении — уже менее гармонично.

Живая обложка

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

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

Динамическая обложка

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

Динамические обложки создаются через специализированные сервисы, например, DyCover или LetsCover.

Требования к обложкам

Для главной и живой обложек параметры и условия отображения различаются.

Главная обложка

Размер: 1590×530 px, формат JPG или PNG.

При загрузке изображения система дает возможность выделить подходящую по размеру область.

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

Живая обложка

Размер: 1080×1920 px. Размер файла — до 20 Мб, длительность — до 30 с, видеокодек — H.264, аудиокодек — ААС.

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

5 ошибок в дизайне обложки во ВКонтакте

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

1. Низкая информативность.

Например, сырники на обложке группы «Книги и кофе», хоть и смотрятся красиво, но ничего не говорят о концепции заведения. Это не просто кафе, а арт-клуб с магазином и залом, где проходят концерты, спектакли и презентации книг. А так сразу и не скажешь!

1. Излишняя информативность.

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

Тем более в мобильной версии, где живая обложка сделана в том же духе.

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

1. Несоответствие цели сообщества.

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

Для сравнения: обложки сообществ «Мираторг» — клиентского.

И посвященного подбору персонала.

А вот как у них устроена обложка в приложении.

1. Нет адаптации под мобильные устройства.

В приложении логотип Sela в шапке оказывается закрыт.

А у этого мебельного магазина под кат попадает часть информации.

Причем насовсем: статичный баннер в приложении не получится развернуть или увеличить.

1. Некорректное кадрирование.

Например, здесь логотип обрезан, а большая часть полезной площади — пустая.

А здесь отсутствие отступов создает ощущение тесноты и неточности — явно не то, с чем хочется ассоциироваться производителю кухонь на заказ!

Какой должна быть обложка сообщества во ВКонтакте

Резюмируем вышесказанное. Как показывают наши наблюдения, хорошая шапка для группы:

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

Дизайнер eLama Ангелина Боднарь предагает такой алгоритм работы над изображением для шапки группы.

Ангелина Боднарь Дизайнер, elama.ru

1. Определитесь с оффером, который вы разместите на обложке. Чем она привлечет целевую аудиторию?

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

2. Подумайте над композицией. Будет ли это картинка с текстом на ней, или картинка будет отдельно, а текст на подложке — отдельно?

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

3. Подготовьте иллюстрацию или подберите фото, которое подойдет по смыслу и поможет усилить оффер.

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

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

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

Например, инструмент SUPA, который бесплатно доступен клиентам через маркетплейс eLama.

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

Чтобы воспользоваться SUPA, перейдите в «Маркетплейс инструментов» в левом меню кабинета eLama.

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

Клик на «Попробовать бесплатно» перебросит вас к авторизации. Разрешите здесь обработку персональных данных, авторизация произойдет автоматически.

В открывшемся окне кликните на «Создать креатив».

Выберите нужный тип контента.

Можно создать уникальную обложку с нуля или доработать шаблон — их у SUPA около сорока, под разные тематики.

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

Действуем по шаблону

Замените в шаблоне изображения и перепишите тексты.

Картинки для замены должны быть на прозрачном фоне. Чтобы вставить их без границ, жмите на «Убрать фон».

Чтобы отредактировать текст, жмите на него.

У каждого объекта на обложке — свой слой. Кликнув на нее, вы откроете список слоев, кликнув на слой — сможете отредактировать его.

Например, поменять цвет фона.

А также изменить положение, наклон и количество элементов.

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

Когда всё готово, жмите на фиолетовую кнопку «Скачать» справа вверху.

Потом «Сгенерировать изображение» и «Скачать файл». Готово!

Творим с чистого листа

Можно действовать и без шаблонов — этот вариант подходит для создания живых обложек.

Первым делом зададим размер: 1080×1920.

На обложку можно добавить объект: фигуру, линию, диаграмму, иконку, эмодзи, градиент.

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

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

Теперь можно накладывать текст — на выбор есть много шрифтов и шаблонов текстовых элементов.

Текст шаблона редактируйте на свое усмотрение: цвет, размер, наклон. Можно добавлять тени и изгибы.

А чтобы использовать возможности живой обложки по максимуму, добавьте анимацию.

На выбор есть девять вариантов.

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

Вы великолепны! Осталось установить файлы в шапку группы.

Как установить обложку ВКонтакте

Для этого перейдите в меню сообщества ВКонтакте в «Управление» и найдите на панели управление обложкой.

Главная и живая обложки загружаются здесь.

Читайте другие наши полезные материалы о продвижении во ВКонтакте, и успехов вам!

• Как оформить группу ВКонтакте: гайд с чек-листом
• Как рекламировать сообщество ВКонтакте: от подготовки группы до запуска продвижения

eLama , контент-маркетолог

Как оформить сообщество ВКонтакте

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

Оформление сообщества: основные моменты
Расскажем, какие основные элементы стоит заполнить в сообществе.

1. На главной странице сообщества нажмите на поле «Добавить описание» или перейдите в раздел «Управление» —> «Настройки» —> «Основная информация».

2. Добавьте короткое описание, чтобы клиенты сразу понимали, о чём ваш бизнес и чем он интересен и полезен для них. Сообщества ВКонтакте хорошо индексируются поисковыми системами, поэтому важно правильно заполнить это поле.

3. Добавьте аватар сообщества. Нажмите «Загрузить фотографию» на странице. В качестве изображения отлично подойдёт логотип бренда. Если его нет — название магазина или тематическая картинка. Размер миниатюры аватара — 200х200 pх . Минимальный размер целого аватара — 400х400 px .

4. Загрузите обложку удобным способом.
Способ 1. Блок с обложкой
Блок с обложкой — самый быстрый способ, но работает только на компьютерах.

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

Обложку можно загрузить в форматах PNG, JPG или GIF. Минимальный размер — 960×384 пикселей, рекомендуемый — 1920×768 пикселей.

Способ 2. Настройки сообщества

Загрузка обложки через раздел «Управление» занимает чуть больше времени, зато доступна для всех версий.

В версии для компьютера

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

В мобильном приложении
Нажмите на значок «шестерёнка» в правом верхнем углу → «Информация» → «Обложка».

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

5. Укажите уникальный адрес сообщества. Его можно изменить в разделе «Управление» —> пункт «Адрес сообщества». Минимальная длина адреса — 5 символов, максимальная — 32.

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

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

8. Оставьте дополнительные контакты: сайт или телефон. Их увидят все посетители вашего сообщества. Для этого перейдите в раздел «Управление» —> «Настройки» и пролистайте экран до блока «Дополнительная информация».

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

Теперь подробнее поговорим о том, какие элементы можно оформить в сообществе ВКонтакте.
Какие элементы можно оформить в сообществе ВКонтакте

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

Это картинка, расположенная рядом с названием сообщества. Для аватара отлично подойдёт логотип бренда, если его нет — название магазина или просто тематическое изображение. Избегайте обилия текста, мелких деталей или тонких линий, иначе изображение будет сложно рассмотреть в ленте.

Обложка сообщества

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

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

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

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

Меню сообщества

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

Оформление записей в сообществе

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

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

Обложки для подборок с товарами

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

Фотографии товаров

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

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

Размеры основных элементов для оформления
Аватар сообщества
Полное изображение — не менее 400×400 пикселей
Миниатюра — 200×200 пикселей.

Миниатюра выполняет роль логотипа: пользователи видят её в шапке каждого вашего поста, когда листают ленту. Система помогает вырезать круглую миниатюру из загруженного прямоугольного изображения в формате JPG, GIF или PNG.

Главная обложка сообщества — 1920×768 пикселей в формате JPG или PNG

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

Живая обложка

Динамическая обложка состоит из 1–5 изображений или видео, которые сменяют друг друга. Можно включить функцию «Показывать фотографии в движении», тогда изображения будут постепенно приближаться.

Размер изображений и видео — 1080×1920 пикселей, до 20 Мб.
Видео не должно быть длиннее 30 секунд.

Изображения для записей в сообществе
Квадратное изображение — не менее 510×510 пикселей.
Прямоугольное — горизонтальное, с соотношением сторон 3:2.

Обложка для статьи
Размер изображения — 510×286 пикселей.

Обложка для фотоальбома
Размер изображения — 1200×800 пикселей.
В мобильной версии нижняя часть обложки будет обрезана на 200 пикселей.

Изображения для витрины товаров
Рекомендуемый размер — 1000×1000 пикселей.

Видеозапись
Горизонтальное видео — не менее 1280×720 пикселей, не более 5 ГБ.
Для более качественного воспроизведения загружайте видео разрешением от 1920х1080 пикселей.

Вертикальное видео длиной от 3 секунд до 3 минут, с разрешением 1080×1920 пикселей.

Фото и видео для историй
Вертикальные фотографии и видео размером не менее 720×1280 пикселей.
Видеозаписи должны быть не длиннее 15 секунд и не больше 10 МБ.

Как использовать виджеты

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

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

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

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

Что делать, если у вас нет фирменного стиля

Чтобы запустить Магазин ВКонтакте и получить первые заказы, необязательно нанимать дизайнера. Для разработки логотипа, который обычно размещают на аватаре сообщества, подойдёт, например, приложение Picsart или онлайн-конструктор « Турболого ». Создать узнаваемый фирменный знак в подобных сервисах часто можно бесплатно, но за скачивание файлов с изображением обычно установлен небольшой тариф.

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

Обложки, шаблоны постов и другие элементы оформления, адаптированные для ВКонтакте, можно найти, например, в сервисах Flyvi , SUPA , Wilda , ВК Меню .

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

Подведём итоги

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

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

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

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