Invest-currency.ru

Как обезопасить себя в кризис?
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Кликабельное меню вконтакте

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

ВАЖНОЕ ОБНОВЛЕНИЕ: эта статья сильно устарела, поскольку появился специальный сервис MenuMake, который позволяет создать меню для группы автоматически. В ручном подходе больше нет необходимости. Однако, оставляю эту статью для истории.

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

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

Поговорим об идеологии

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

Меню для привлечения посетителей

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

Меню для продаж

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

Первый этап – работаем в фотошоп

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

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

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

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

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

После идем в меню «Файл» — «Сохранить для WEB» и сохраняем каждый отдельный элемент меню в формате .jpеg максимального качества.

Второй этап – верстка меню Вконтакте

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

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

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

После того, как вы активируете вики-разметку в поле текстового редактора надо вставить код:

[[photo133337_133701019 | 370px;nopadding; | page-13333337_13333337]]

Этот код продублируйте ровно столько раз, сколько пунктов в вашем меню. После этого надо прописать ссылки на фотографии. Ссылку вставляйте вместо значения photo133337_133701019, а вместо значения page-13333337_13333337 вставляете ссылку на раздел или страницу, которая должна выводиться посредством клика на определенный пункт меню. Важно знать, что ссылку на страницу не надо копировать полностью, достаточно одной части.

Кстати, напомним, что вам необязательно заниматься всеми этими хитросплетениями — просто попробуйте этот сервис. Он за 100 рублей все это сделает на полном автомате.

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

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

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

Кстати, знаете ли вы, что наполнение групп Вконтакте можно автоматизировать, используя этот сервис? Обязательно попробуйте, вам понравится!

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

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

В этой статье «Товарищ» расскажет вам о том, как сделать меню в группе «ВКонтакте».

С чего начать?

Первое, что вам нужно сделать, это зайти в настройки вашей группы и выбрать раздел «Материалы». В нем вам необходимо выбрать пункт «Ограниченные» и нажать на кнопку «Сохранить». Готово! Теперь мы можем размещать в группе различные материалы не боясь, что кто-то займется исправлениями без нашего согласия.

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

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

Читать еще:  Как посмотреть важных друзей вконтакте

Что делать дальше?

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

Вариант, который можно без труда собрать в визуальном редакторе, не прибегая к пресловутому «коду». Результат будет выглядеть примерно так:

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

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

[ссылка|текст или адрес картинки] Пример: [https://tovarishch.su/|Главная страница «Товарища»]

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

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

[­[адрес фотографии]]. Адрес выглядит следующим образом:

  • photoXXX_YYY, если фотография находится в вашем профиле;
  • photo-XXX_YYY, если картинка находится в альбоме сообщества.

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

Меню с картинкой и кнопками.

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

Если пунктов не так много, то будет проще и логичнее разместить их в один столбец. В этом случае вам не потребуется задумываться о размещении (о нем поговорим позже). Теперь пора приступать к работе с изображениями.

  1. Выберите картинку, которая подойдет вам для меню. Это должно быть изображение высокого качества, портретной ориентации или квадратное. Его размер зависит от количества пунктов в меню. Картинка должна отражать содержание группы.
  2. Добавьте изображение в Photoshop, растрируйте, сделайте слоем.
  3. Вы можете пойти легким путем и «нарезать» картинку на полоски одинакового размера, которые и станут пунктами вашего меню. Добавьте надписи, и вы готовы к размещению. Переходите сразу к пункту 7.
  4. Если вы уверены в своих силах и хотите сделать более профессиональное меню в ВК, то можете нарисовать изображение с кнопками. Для этого вам понадобится удобный фон, который не будет отвлекать внимание пользователя, и несколько кнопок контрастного цвета. Такое меню можно нарисовать с нуля или взять готовое изображение, после чего снова «нарезать» полосками.
  5. После того как вы выполнили 3 или 4 пункт, у вас в распоряжении появился набор изображений. Вам необходимо добавить его в вики-страницу. Проще сделать это через режим редактирования кода.
  6. Добавляем фоновое изображение. Этот пункт можно пропустить, если вы делаете простое меню из нескольких слитных картинок. Добавить изображение можно одной строчкой кода: [[photoXXX_YYY|Zpx;nopadding;nolink]] .
    1. — эти теги позволяют разместить изображение в центре страницы. В противном случае оно будет выровнено по левому краю.
    2. [[]] — теги для вставки картинки.
    3. photoXXX_YYY — адрес изображения.
    4. Zpx — размер изображения. Указывается в пикселях.
    5. Nopadding — вставляет картинку без отступов.
    6. Nolink — делает картинку неактивной и некликабельной.
  7. Вставляем кнопки. Каждый элемент меню представляет собой полоску, вносить их можно при помощи такого же кода, но с несколькими изменениями: [[photoXXX_YYY|Zpx;nopadding;URL] .
    1. Мы убрали параметр nolink, поэтому эта картинка будет кликабельной.
    2. Вместо nolink мы пишем URL-адрес страницы, на которую кнопка ссылается. Это может быть раздел в группе, событие, страница «ВКонтакте» или внешний сайт.
  8. Все готово, вам остается только закрепить пост с меню в группе «ВКонтакте».

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

Меню, перетекающее в аватар.

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

  1. Выбираем картинку. Вам потребуется изображение высокого разрешения, не менее 760 х 500 пикселей. Стремитесь к тому, чтобы оно не только подходило вам по тематике, но и хорошо смотрелось с текстом.
  2. При помощи Photoshop разрезаем картинку на 4 прямоугольника:
    1. 200 х 500 — должен находиться справа, это будет аватарка группы.
    2. 50 х 500 — отступ от аватарки, его в меню в ВК видно не будет.
    3. 510 х 182 — должен находиться в правом верхнем углу. Эту область тоже видно не будет.
    4. Последний прямоугольник (в нижнем левом углу) — это часть, на которой будет размещаться меню.
  3. После этого вам следует разместить аватар (прямоугольник 1) в группе. Это делается за несколько кликов.
  4. Прямоугольник 4 (меню) следует разрезать на несколько полосок и разместить на вики-странице. Процесс аналогичен тому, что мы описали выше для простого меню.

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

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

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

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

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

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

Дизайн меню

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

Ширина аватара составляет 200 пикселей, высота – 500. Картинка основного меню – 510*308. В результате мы получим вот такую красивую «менюшку» в конце.

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

Данный исходник PSD-макета был реализован для примера. Скачать.

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

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

Заходим в раздел «Изображение» и выбираем операцию «Тримминг».

На выходе получаем:

Нажимаем «Файл», потом «Сохранить как». Выбираем формат .png и сохраняем в нужную нам папку или директиву.

Читать еще:  Как определить победителя в конкурсе вконтакте

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

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

Теперь необходимо выполнить сохранение и нарезку второго уровня меню. Для этого оставляем видимым «фон меню» в папке «меню с машиной» и добавляем к нему «Меню второй уровень».

Затем воспользуемся инструментом «Раскройка», найти который можно в меню слева.

«Разрезаем» нашу картинку на соответствующие части. В нашем случае их будет три.

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

На этом подготовительная часть закончена. Приступаем к основному этапу.

Wiki-разметка готового меню в «Вконтакте».

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

Затем обязательно проделываем следующую последовательность действий. Заходим в «Управление сообществом» и в пункте «Разделы» напротив кнопки «Материалы» выбираем «Ограниченные».

Сделать это необходимо, чтобы пользователи и участники группы не могли изменять и/или редактировать дополнительные позиции, в том числе и меню.

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

Переходим в раздел «Свежие новости», выбираем «Редактировать» и попадаем в меню редактора.

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

После добавления снова попадаем в меню редактора и нажимаем клавишу «<>», в которой произведем дальнейшее редактирование. Также сразу переименовываем раздел и вместо «Свежие новости» пишем в нашем случае «МЕНЮ ГРУППЫ».

Общая структура каждой нарезанной части выглядит следующим образом в разметке — [[photo-id|XxYpx|www.site.ru ]], где:

id – идентификатор (номер) картинки, которую вы загрузили;

X и Y – размер изображения по горизонтали и вертикали в пикселях;

www.site.ru – ссылка, ведущая на необходимый блок группы (например, «Обсуждения») или прямо на нужный раздел вашего сайта иди другого веб-ресурса.

Глядя на шаблон, редактируем нашу wiki-разметку и периодически заходим в раздел «Предпросмотр», в которой визуально отображаются внесенные нами изменения.

Сразу все картинки необходимо закрыть тегом (а не как стоит изначально по умолчанию, каждое изображение) … , который автоматически размещает все части меню по центру страницы!

Так как тег, центрирующий изображение, мы уже оставили один, то, чтобы избавиться от «неприятных» расстояний между частями общего изображения, следует вставить тег «nopadding» следующим образом: [[photo454997239_456239045|400x86px; nopadding| ]]

Вот что получается в итоге.

Не забываем нажать кнопку «Сохранить».

Теперь следует нажать на вкладку «МЕНЮ ГРУППЫ», потом «редактировать».

!Важно! Чтобы скопировать необходимый адрес, нажимаем в нашем варианте на «МЕНЮ ГРУППЫ» и копируем оттуда «правильную ссылку».

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

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

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

Нажимаем на «многоточие» справа от записи и кликаем по вкладке «Закрепить».

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

При нажатии на «Открыть меню».

Как видите, сделать меню в социальной сети «Вконтакте» достаточно легко и просто. Достаточно иметь легкий уровень знаний пользования «Фотошопом» и wiki-разметки. Чем лучше и понятливее дизайн, тем охотнее и чаще будет потенциальный пользователь приходить и возвращаться в вашу группу.

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

Мануал по настройке «Меню сообщества» Вконтакте

В данном мануале, мы разберём, что такое «Меню сообществ» и как его настроить.

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

Не будем мотать сопли на кулак, а разберёмся, как использовать нововведение в своих интересах, и не запутаться в нюансах.

Как это выглядит:

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

1. Что это и зачем?

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

В Меню можно добавить:

• Ссылки на статьи (конкретную статью или на все статьи вашего сообщества);

• Ссылки на важные альбомы с фотографиями товара или процесса услуги;

• Ссылки на товары;

• Ссылки на конкретные посты;

• Ссылку на раздел «Видео»;

• Ссылку на кнопку «Подписки» (через рассыльщики) и др.

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

Меню отображается на всех платформах – в web-версии, в мобильной версии и в мобильных приложениях ВКонтакте. НО!!

Будьте внимательны , и не разгоняйтесь с описанием «Пункт меню», старайтесь указывать одно, ну максимум два слова (желательно коротких по кол-ву символов), так как текст будет отображен в одну строку, и в приложении Vk на смартфоне, часть текста НЕ отобразиться (срежется)

Если по картинке пункта и так понятно о чём речь, то это наоборот может послужить как преимущество (провокация на интерес).

ППример (пункт Видео):

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

Для каждого пункта меню, можно добавить Название и Обложку .

  • Название — до 20 символов.
  • Обложка — минимальный размер обложки – 376х256 пикселей (но лучше делать в 3-4 раза больше в пропорциях, чтобы на выходе качество картинок было НЕ смазанным + добавлять резкости перед выгрузкой, чтобы визуально компенсировать «пережатие» изображений самим Вк ( например 1880х1280 пикселей, и желательно в PNG)

• Кроме ссылок в меню отображаются приложения сообществ и магазин, если он у Вас подключен (ИМХО — в принципе, Вк делает это именно для монетизации маркетплейсов, так как последнее время регулярно выкатывает обновы ориентированные на торговлю внутри Вк)

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

2. Как установить:

Меню сообществ установилось во все сообщества по умолчанию, и убрать его можно — только если у Вас в сообществе нет важных «надстроек» типо виджета рассылок Senler или аналогичных. Если Вы «скроете» видимость виджета рассылок, то подписки перестанут работать. Поэтому, нужно его настроить.

Или заходим в Управление > Настройки > Меню:

Читать еще:  Как отключить рекламу вконтакте в музыке

Как оформить меню Вконтакте: 24 примера для сообществ разных тематик

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

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

Но почему-то во многих сообществах до сих вот так:

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

Строительная тематика

Что важно:

– показывать варианты квартир и домов, их преимущества;

– вызывать доверие к застройщику, компании.

Вот пример оформления меню строительной компании «Баренц». С помощью него можно посмотреть не только варианты квартир, но и отдельные ЖК.

При клике на иконку «Подобрать квартиру» попадаем на конструктор квизов Marquiz.

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

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

Ещё один пример оформления меню у строительной компании «Брусина»:

Кликаем на «Отзывы» и попадаем в раздел «Видео». Это отличный способ вызвать доверие к компании, так как мы можем не почитать, а посмотреть отзывы клиентов.

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

А для удобной навигации по группе компания использует хештеги. Нажимаем на «Портфолио» и попадаем на страницу со всеми постами этой категории.

Захотели почитать полезные статьи о ремонте – пожалуйста.

А тест не хотите ли?

Что сказать, ребята постарались.

Общепит (кафе, рестораны)

Что важно:

– показывать атмосферу заведения;

– рассказывать о меню;

– анонсировать акции и скидки;

– делиться настроением и отзывами посетителей.

Сеть ресторанов и кафе SUN Project предлагает не только широкий ассортимент напитков и блюд, но и шоу-программы.

Меню яркое, «солнечное». Сочетает в себе сразу два формата: меню старое и новое.

Кликаем на «Меню», выбираем ресторан:

И вот перед нами вся необходимая информация:

А ещё SUN Project мотивирует оставить отзыв в форме «Анкеты»:

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

Меню «Самурай» расположил в альбоме:

Кафе «Розмарин» выбрал другой подход. Он решили отказаться от обложек с иконками. Ставку сделали на живые сочные фото.

Кликаем на «Винную карту» и в браузере открывается pdf-файл. Не уверены, что это удобно с телефона, но с компьютера более чем.

Салоны красоты, парикмахерские

Что важно:

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

– показать качество сервиса;

– дать возможность записаться онлайн;

– показать атмосферу салона.

Меню салона красоты «Версайс» выглядит просто и аккуратно.

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

Мужская парикмахерская Cutlers использует для меню живые фото с затемнением.

Запись к мастеру осуществляется через приложение YCLIENTS:

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

Иконка «Примеры работ» ведет на альбомы сообщества, где все услуги собраны по категориям:

Мужская парикмахерская «УСЫ» сделала крупные надписи с изображениями:

Свою аудиторию они собирают с помощью сервиса рассылок Senler:

Автосервисы, автомойки

Что важно:

– показать спектр услуг;

– убедить клиента в качестве сервиса.

Интересная «фишка»: при клике на «Задать вопрос» мы сразу попадаем в диалог:

Автотехцентр «Хоккайдо» выбирает приглушенный красный цвет с крупными иконками:

«Фишка»: в меню есть «Поисковик запчастей» (так называется и само приложение):

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

Записаться на СTO можно через приложение YCLIENTS:

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

Студии творчества

Что важно:

– показать разнообразие занятий;

– снять возражения («не получится», «у меня нет опыта» и т.д.);

– продемонстрировать атмосферу в студии.

Гончарная студия №1 из Санкт-Петербурга использует для обложек меню одинаковую подложку, сверху – помещает иконки.

При клике на «Мастер-классы» мы попадаем в товары:

Студия «Колибри» использует только живые фото:

Вкладка «Вы у нас» – это переход на альбомы группы со всеми видами занятий и мастер-классов студии.

Студия творчества «Сделано с душой» предлагает записаться на бесплатные мастер-классы прямо в меню:

Для этого использует специальный сервис для детских центров «Мой класс»:

Услуги по оформлению, дизайну, декору

Что важно:

– показать красоту, эстетичность, вкус, необычный взгляд на вещи;

– сделать заказ онлайн удобным.

Компания Ga-den изготавливает интерьерные карты мира и стран. Отсюда такое меню:

При клике на иконку «О нас» открывается лонгрид (статья Вконтакте), где компания представляет свою команду:

DECORANTOS занимается оформлением свадеб. Меню выполнено в нежных пастельных тонах:

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

PR-реклама – клиент нашего агентства. Занимается размещением наружной рекламы в Иваново.

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

При клике на категорию читатель сможет прочитать ее последние новости:

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

Сообщества маркетинговой тематики, интернет-агентства

Что важно:

– показать, что вы круто упакованы, и готовы предложить свои услуги «на уровне»;

– продемонстрировать свою экспертность (с помощью кейсов, полезных статей).

Сервис анализа и автоматизации поиска целевой аудитории для таргетированной рекламы ВКонтакте TargetHunter использует благородный темно-синий цвет:

Раздел «Поддержка» ведет на другое сообщество, где пользователи могут задать вопросы по теме и получить обратную связь. Таким образом, сервис собирает свою ЦА.

Совсем недавно иконки появились и у Spark, которые ведут на их Instagram и Telegram.

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

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

При клике на нужный раздел вы попадаете в лонгрид (статью Вконтакте), где можете посмотреть различные материалы по теме:

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

Выводы

  • Новое меню Вконтакте – это инструмент продаж, который многие недооценивают.
  • Но он не будет работать, если:

– у вас не оформлены другие элементы группы;

– нет понимания, зачем необходимо меню;

– меню скопировано с другой группы просто для того, чтобы было;

– меню не адаптировано под вашу тематику и вашу целевую аудиторию.

Ссылка на основную публикацию
ВсеИнструменты 220 Вольт
Adblock
detector