Конструктор меню в контакте

Обновлено: 01.05.2024

Существует 3 основных варианта создания меню в группе ВК.

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

Рассмотрим подробнее 3-й вариант.

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

Справа выбираете пункт «Разделы» → Находите «Материалы» и включаете их → Делайте их ограниченными, чтобы доступ к редактированию был только у вас → Сохраняете изменен

При наведении на кнопку <>, должна появиться надпись «Визуальный режим редактирования». Если появился «Режим вики-разметки», это значит, что он не включен.

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

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

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

Меню можно создать и в графическом варианте

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

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

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

ВЫ ТЕРЯЕТЕ ДЕНЬГИ

если у вас есть группа «ВКонтакте»,
но у нее нет меню

Коротко об услуге: вы можете за минуты создать инструмент, который повышает эффективность групп «ВКонтакте». Выбирайте ;)

Меню — отличный инструмент поднятия продаж.

Уже создано более 500 меню!

Попробовать конструктор меню можно бесплатно.
Оплата — только за выгрузку готового меню в группу!

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

Как будет выглядеть меню

Полученное с помощью сервиса

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

Самый простой способ создать меню

Это воспользоваться нашим сервисом

И вот почему:

Простота. Создание меню занимает не более 5 минут и не требует специальных навыков. Результат загружается в вашу группу автоматически!

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

Безопасность. Работа происходит через официальное приложение «ВКонтакте» и официальный API «ВКонтакте». Мы не храним ваши данные.

Занимаетесь бизнесом, хотите продвигать свой бизнес в интернете и не хотите терять деньги на всякую чепуху? Тогда подписывайтесь на наш новый канал «ВсеПониматор» в Telegram:

Расскажем простыми словами обо всем, что связывает бизнес и интернет. О рекламе, CRM, сайтах, фрилансерах и всем таком прочем. Будет полезно и интересно, 100%.

Стоимость

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

Кроме создания сайта, часто заказывают комплексное оформление аккаунтов соцсетей в едином стиле. Самое популярное – это создание меню в вк (для группы в контакте), оформление канала на ютубе и инстаграмма.

В этой статье я расскажу как сделать адаптивное меню для сообщества вк.

Для создания красивого меню – нужны мало мальские знания графических программ (фотошоп, гимп, корел, илюстратор).

Я делаю в фотошопе.

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

Картинки для оформления группы вк

Из картинок собираем макеты для оформления группы:

аватарка
шапка группы
кнопка вызова меню
меню

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

Аватарка для группы вк

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

Я так и сделал – скачал подходящий логотип и немного его доработал.

Размер аватарки рекомендую делать 200 x 200 px (учтите что картинка будет обрезаться окружностью)

Выбор области для миниатюры (аватарки)

Шапка для группы вк

Шапка (обложка) группы это место для полета фантазии. Именно по обложке пользователи определяют о чем эта группа. Следовательно шапка должна передать тематику группы.

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

Размер шапки вк для ПК

Основной размер шапки 1590 x 400 px

Размер шапки в VK для компьютера

Размер шапки вк в мобильном приложении

В мобильном приложении шапка обрезается. 83 px срежется сверху и по 197 px по бокам.

Видимая часть в приложении 1196 x 317 px (сюда должна поместится вся важная информация)

Размер шапки в ВК в приложении

Но в приложениях по бокам располагаются дополнительные элементы. Они тоже перекроют часть изображения. Ещё по 140 px слева и справа.

Элементы перекрывающие шапку группы ВК по бокам

Кстати! Вот тут можно посмотреть все размеры вк.

И так, у меня получилась вот такая шапка (обложка)

Готовая шапка для группы вконтакте

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

Заходим в Управление

Обложка сообщества → Загрузить. И выбираем нашу картинку.

Как сделать меню в группе ВК

Меню в ВК делается с помощью wiki-разметки (это специальный язык программирования созданный для ВКонтакте).

Для меню нужно создать вики-страницу. Делается это так:

Скопируйте и вставьте в адресную строку такой код (с вашими данными)

Где 123456789 это порядковый номер (ID) вашей группы.

Взять его можно в адресной строке.

а МЕНЮ – это название страницы.

В результате у вас появится вот такая новая страница.

Новая вики-страница с названием МЕНЮ

Нажимаем “Наполнить содержанием”. И мы попадаем в редактор страницы.

Редактор страницы имеет два режима:
– Визуальный режим
– Режим wiki-разметки

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

режим вики-разметки

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

Нам нужен редактор вики-разметки. Тут мы будем прописывать код для меню в вк.

Но перед написанием кода, посмотрите в адресную строку.
Скопируйте все символы до знака вопроса (?) – это адрес вашего меню.
Запишите его!

Меню для группы ВК

С начала его нужно сделать (в графическом редакторе).

Размер меню такой:
– ширина максимум 600 px (так удобнее всего)
– высота как получится.

Я сделал такое меню:

картинка меню группы вк

Теперь в фотошопе (инструментом “Раскройка”) я разрезаю меню на равные части.

весь макет режим на равные части

Там же в фотошопе нажимаем Файл → Сохранить для Web…

Выделяю все части и сохраняю в формате Png-24.

В итоге у меня получилось 12 частей.

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

Теперь все получившиеся куски надо загрузить в альбом группы.

Я для этого создаю отдельный альбом с названием “Технический”. Туда я переношу и аватарку и картинку шапки.

Что-бы вновь перейти к режиму редактирования – нужно нажать значок Карандаша в верхнем углу.

Нажми для редактирования

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

Таблица в ВК начинается так: <|
а заканчивается так:|>

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

В общем пишем так (но со своими значениями):

Вместо photo-176307581_456239020 и подобных – заменяем на номера своих картинок.

Узнать их можно так:

Переходим в альбом группы “Технический”
Открываем первое фото куска меню
В адресной строке копируем часть с номером этой картинки (там много цифр, перед нужной нам написано photo-)

И так проделываем с каждой картинкой нашего меню для группы ВКонтакте.

Так проделываем с каждой кнопкой.

У тех картинок которые не являются кнопкой стоит значение [[photo-176307581_456239030|300x100px;nopadding;nolink| ]]. При нажатии на такую картинку – ничего не произойдет.

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

Просмотр покажет ваш текущий результат

Кнопка меню вк

Подготавливаем картинку с надписью “Открыть меню” или просто “Меню”.

Это будет кнопка вызова меню группы.

Размер кнопки Меню:
– Ширина 600 px
– Высоту желательно делать меньше или такую же.

Вот моя кнопка вызова меню

Теперь переходим в нашу группу и создаём Новую запись.

В качестве фотографии выбираем нашу картинку-кнопку.

А в названии вставляем адрес с нашим Меню (тот который надо было записать). Вы увидите, что после картинки (ниже) появится надпись МЕНЮ. Теперь просто стираете название-ссылку.

И нажмите на Шестеренку и добавьте галочки “От имени сообщества” (что-бы можно было закрепить запись) и галочку “Выключить комментарии”

Настройка кнопки вызова меню

Теперь нажимая на эту картинку – будет открываться наше меню в вк.

Не забудьте закрепить эту запись, что-бы Меню всегда было вверху ленты постов.

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

Обязательно добавьте статью в закладки. Я так сделал) Не раз ещё пригодится.

И подписывайтесь на новые и только полезные статьи!

Если вам понравилось как я оформляю группу вк, то заказывайте оформление у меня (стоимость услуг)

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

Создать меню в группе Вконтакте можно несколькими способами:

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

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

Текстовое

Начнём с текстового решения. Чтобы добавить меню в группу Вконтакте:

Из открывшихся пунктов выбираем «Разделы»
Включаем «Материалы»
Делаем доступ ограниченным, чтобы публикациями могли заниматься только Вы или назначенные Вами лица.

Наводим курсор на кнопку ltgt в правом верхнем углу.
Включаем «Режим wiki-разметки».

Появляется надпись «Визуальный режим редактирования».
Теперь можно приступить к оформлению.
Прописываем названия рубрик с новой строки. Например: УслугиЦены Контакты Отзывы

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

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

Как создать меню в группе вк, чтобы цепляло с первого взгляда?

В группе Вконтакте сделать кликабельное меню аппетитным проще всего при помощи конструктора.

Конструкторы

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

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

Для примера ниже Вы найдете ссылки на несколько подобных сервисов.

Гораздо сложнее сделать меню в группе ВКонтакте, задействовав графический редактор.

Photoshop

Открываем нужное изображение в программе.
Размер миниатюры не должен превышать 600 пикселей по ширине.
Проверяем, исправляем, если нужно.
Инструментом «Раскройка» нарезаем фото на кнопки
Сохраняем для WEB
Переходим VK, включаем «Материалы», ограничиваем доступ, сохраняем, меняем название — всё, как в варианте без графики.
Далее добавляем нарезанные фрагменты, нажимая значок фотокамеры
Перед нами появляется код, он потребует доработки.
Переносим ссылки в столбик и добавляем в каждую строчку тег nopadding (через точку с запятой), чтобы убрать пробелы. Пример: [photo31165052_426031462|204x141pxnobordernopadding|topic-35158179_34009350]][[
Если на данном этапе всё корректно (убеждаемся в Предпросмотре), сохраняем и возвращаемся на страницу.

Закрепляем меню

В завершении статьи мы расскажем как закрепить меню в группе Вконтакте. Снова несколько простых шагов:

Создаём на стене новую запись, в которой прописываем ссылку на меню (копируем в адресной строке).
После того, как наш образец появится внизу, ссылку можно будет удалить.
Используя значок фотокамеры, прикрепляем заранее выбранный баннер.
Публикуем и жмём «Закрепить».

Итак, пожалуй, мы всё рассказали про то как сделать меню в группе Вконтакте в 2019 году после недавних нововведений.

Если нужно удалить меню

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

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

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

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

Как сделать меню группы ВКонтакте с кнопками

Графические кнопки часто используются контент-менеджерами, администраторами, модераторами при оформлении группы ВКонтакте: это довольно удобно. Такой прием удерживает внимание даже случайного посетителя, “заставляет” его задержаться на странице, изучить ее содержание детально (и даже подписаться на обновления). Отвечаем на вопрос: как создать меню в группе ВКонтакте?

Выберите любую яркую картинку, которая вписывается в тематику и стилистику блога. Затем загрузите ее в фотоальбом на личной страничке или в альбом сообщества.
Найдите ее в фотоальбоме, скопируйте ссылку на фотографию в адресной строке вашего браузера.
Откройте режим редактирования группы, как описано в предыдущем разделе статьи. Нужен режим wiki-разметки.
Пишем код. photo-AAAAA_BBBBBB — вставьте эту ссылку из адреса фото. Далее: |400px| (ширина изображения, можно выбрать любое значение, до 600 px). И, наконец, рабочая ссылка — скопируйте ее в текущей строке браузера.
Заключите написанное в двойные квадратные скобки. Конечный вид ссылки: [[photo-AAAAA_BBBBBB|400px|ссылка]].

Как сделать меню группы с картинками

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

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

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

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

Готово! Теперь кнопки начнут менять цвет при переходе на различные разделы сообщества.

Агния Ермолаева (Написано статей: 107)

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

Читайте также: