Инструкция: как оформить меню и кнопки для сообщества ВКонтакте

Иван Корнев·19 августа 2026·⏱3 мин

Чтобы оформить меню и кнопки для сообщества ВКонтакте, зайдите в «Управление»: плитки настраиваются в блоке «Меню», а CTA — в «Основной информации». Размер иконок — 512×512 px.

Оглавление

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

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

Меню видно только в полной версии сайта и в мобильном приложении. В мобильном браузере оно может не отображаться. Максимальное количество видимых пунктов — 7 (остальные уходят в выпадающий список «Ещё»).

Как настроить:

  1. Перейдите в Управление → Разделы.
  2. Найдите блок «Меню» и нажмите «Настроить» (или «Редактировать»).
  3. Нажмите «Новая ссылка», чтобы добавить пункт меню.
  4. Заполните параметры:
    • Название: до 20 символов (например, «Каталог», «Отзывы», «Рассылка»).
    • Ссылка: можно вести на внутренний раздел ВК, внешний сайт, чат или приложение.
    • Обложка: загрузите иконку размером 512×512 px (PNG или JPG). Иконка будет обрезана по кругу, поэтому центрируйте изображение.
  5. Сохраните. Вы можете менять порядок пунктов перетаскиванием.

Кнопка действия

Это основная кнопка рядом с названием сообщества («Подписаться», «Написать», «Перейти на сайт» и т.д.). Она всегда на виду и конвертирует посетителей в лиды.

Как настроить:

  1. Зайдите в Управление → Основная информация.
  2. Прокрутите до блока «Кнопка действия».
  3. Выберите тип кнопки из списка:
    • Записаться / Забронировать (для услуг).
    • Связаться / Написать (открывает диалог или форму сбора заявок).
    • Перейти на сайт / В магазин (внешние ссылки).
    • Пожертвовать (донаты).
  4. Укажите целевую ссылку или выберите действие.
  5. При необходимости добавьте подпись к кнопке (до 20 символов), чтобы уточнить её назначение (например, «Получить скидку» вместо стандартного «Перейти»).

Рекомендации по оформлению

Используйте иконки меню в одной цветовой гамме и стиле (линейные, залитые, с текстом или без). Это создает профессиональный вид и единый стиль сообщества.

  • Читаемость: Не перегружайте иконки мелким текстом. На мобильных экранах они уменьшаются. Лучше использовать понятные символы + лаконичную подпись.
  • Актуальность: Регулярно проверяйте ссылки в меню и кнопке. Убирайте неработающие или сезонные пункты.
  • Тестирование: Проверяйте отображение меню и кнопки с разных устройств (ПК, Android, iOS), так как верстка может отличаться.

Частые ошибки

  • Загрузка иконок без учета обрезки. Изображение 512×512 px обрезается по кругу. Если не центрировать главный элемент или символ, он будет обрезан.
  • Перегрузка мелким текстом. Мелкие надписи на иконках не читаются на мобильных экранах после уменьшения.
  • Игнорирование лимита видимых пунктов. Добавление более 7 пунктов без понимания, что остальные скроются в выпадающий список «Ещё», может ухудшить навигацию.
  • Отсутствие тестирования на разных ОС. Верстка меню и кнопки может отличаться на ПК, Android и iOS, поэтому проверку нужно проходить на всех платформах.

FAQ

Какого размера должны быть иконки для меню? Иконки для навигационных плиток должны быть размером 512×512 px в форматах PNG или JPG.

Сколько пунктов меню видны подписчикам? Максимальное количество видимых пунктов — 7. Все дополнительные элементы автоматически уходят в выпадающий список «Ещё».

Какая максимальная длина названия пункта меню и подписи к кнопке? Название пункта меню и дополнительная подпись к кнопке действия не могут превышать 20 символов.

Где не отображается меню сообщества? Меню видно в полной версии сайта и в мобильном приложении, но в мобильном браузере оно может не отображаться.