Как сделать раздел в группе в ВК

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

Для каких целей можно использовать меню

1. Может выступать в роли навигатора. Если вы ведете интернет-магазин ВКонтакте, то данный инструмент можно считать необходимым. Он позволяет оперативно провести пользователя к нужной информации или товару, чтобы он как можно быстрее перевоплотился с посетителя в покупателя.
2. Придает паблику привлекательности. Чем красивее будет выглядеть ваше сообщество, тем больше пользователей будет интересоваться им. Естественно, дизайнерская задумка не должна ограничиваться лишь данным инструментом. Вы должны разработать цельную концепцию, состоящую из аватара, обложки, баннеров и закрепленного поста, дабы придать своему сообществу неповторимый и запоминающийся вид.
3. Выступает в роли мотиватора. Красивое и эффектное меню способно подтолкнуть заинтересованных пользователей нажать на него для просмотра той или иной информации. Важно, чтобы меню было кликабельным и правильно оформленным, чтобы привлекать внимание со стороны дополнительной аудитории и вызывать у них заинтересованность, призывая совершить какое-либо действие (поставить лайк, сделать репост, оставить комментарий или даже совершить покупку).

Существует две разновидности меню: текстовое и графическое. Рассмотрим оба способа создания шапки ВКонтакте в следующих разделах.

Как настроить разделы в группе ВКонтакте с телефона

Создаем текстовое меню

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

1. Первым делом, вам необходимо включить материалы, при этом, сделать их ограниченными, чтобы доступ к редактированию был только у вас. Для этого, вам необходимо перейти в вашу группу, под аватаркой кликнуть на вкладку «Управление». Справа вам необходимо выбрать пункт «Разделы» и функции «Материалы» придаем значение «Ограниченные».
2. Сохраняем внесенные изменения и отправляемся на страницу вашего сообщества. Обратите внимание на то, что после выполнения предыдущего шага, на главной странице появился блок «Свежие новости». Нажимаем на нее.
3. Кликните на опцию «Редактировать».
4. Перед вами предстанет поле для ввода заголовка шапки и поле для ввода основной его части.
5. Обратите внимание на правый угол поля для ввода текста — там располагается значок «< >». Нажмите на него, чтобы включить «Режим wiki-разметки».
6. Теперь в поле для ввода текста прописываем названия разделов, которые должны будут отображаться в шапке. Каждую строку нужно будет выделить квадратными скобками.
7. Теперь перед каждым названием (после скобки) нужно ввести вертикальную линию, а перед ней ссылку, которая будет вести пользователя на соответствующую страницу. Перед открывающейся скобкой вставьте значок звездочки «*».
8. Нажмите на «Предпросмотр». Если вас все устраивает, то нажмите на кнопку «Сохранить страницу».

Теперь ваше сообщество преобразилось, благодаря новой текстовой шапке. Теперь, нажимая на то или иное предложение, пользователь будет сразу перенаправляться в интересующий его раздел. Есть одно «НО» — данное меню пользователи могут попросту не заметить, поэтому, следует проделать еще несколько шагов:

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

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

Создаем графическое меню

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

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

1. Вставить фон, нанести на него текст.
2. Разделить общую картинку на столько частей, сколько вы запланировали делать кнопок.
3. Обрезать и сохранить каждое изображение по отдельности в одну папку, чтобы потом было легче находить картинки.

Теперь у нас все готово для создания графической шапки. Сделать ее не так сложно, как это кажется на первый взгляд:

1. Включаем материалы, как это было описано в предыдущем разделе. Открываем вкладку «Свежие новости».
2. Выбираем пункт «Редактировать».
3. Наведите курсором на значок «< >». Если будет отображаться текст «Визуальный режим редактирования», то так и оставляем, не нажимаем на данный значок. К слову, нам не нужно, на данном этапе, переходить в «Режим wiki-разметки».
4. Теперь вам нужно добавить созданные в фотошопе изображения. В верхней панели для ввода текста, выберите иконку в виде фотоаппарата. Найдите нужную папку и добавьте все изображения.
5. После того, как картинки загрузились и отобразились в поле для ввода, нажмите на каждую для того, чтобы выставить их размер. Советуем использовать ширину в размере 610 пикселей, а длина подтянется автоматически.
6. Нажимайте каждый раз на «Сохранить». Тапните на значок «<>» и перейдите в «Режим wiki-разметки».
7. Отобразится адрес фотографии и ее размер. После информации о размере, вам необходимо вставить значение «;nopadding» и чтобы оно находилось в скобках и закрывалось вертикальным слешем. Эта функция позволяет убрать все пробелы между картинками, чтобы изображение казалось цельным. По умолчанию, пробелы буду выставлены.
8. После вертикальной черты вам нужно вставить ссылку на страницу, на которую пользователь будет переходить, нажав на ту или иную кнопку.
9. Сохраните изменения и довольствуйтесь результатом.

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

Шаблоны меню. Эффективность данного инструмента

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

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

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

Новое меню для группы ВКонтакте

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

1. По умолчанию, у вас уже будет установлена панель «Меню» и будет она расположена под краткой информацией о вашей группе. Вам следует нажать на кнопку «Настроить».
2. Нажмите на «Новая ссылка».
3. Загрузите картинку, вставьте название ссылки и сам линк. Стоит отметить, что оставить посылание вы можете лишь на внутренние источники ВКонтакте.
4. Добавьте столько ссылок, сколько вам нужно. После, перейдите на страницу вашей группы и довольствуйтесь новыми изменениями.

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

Заключение

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

Источник: vkgid.ru

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

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

Мы провели эксперимент. Взяли довольно толкового SMM-менеджера (1 шт.), пустую группу VKontakte (1 шт.) и предложили ему, опираясь на Google, сделать верстку графического меню. Понадобилось около 3 часов рабочего времени, 7 (!) тематических статей из топа, 3 кружки кофе и примерно 15 гневных восклицаний разной степени нецензурности.

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

И тут нужно учесть, что наш-то менеджер – крепкий орешек почище Брюса Уиллиса, который уже имел дело с wiki-разметкой (просто не очень часто) и примерно представлял, как сделать меню в группе. Что же говорить про тех, для кого меню ВКонтакте – и вовсе terra incognita? Мы решили: хватит это терпеть! пришла пора разбираться вместе!

Брюс согласен и тоже полон решимости

Шаг #1

Как сделать меню ВКонтакте? Определяем структуру

Задались вопросом, как сделать красивое меню для группы ВКонтакте (или, на худой конец, хотя бы симпатичное)? С самого начала вам нужно решить два момента:

а) что вы хотите показать людям – конкретные товары? отзывы о вас? портфолио и прайс?

б) где эта информация будет лежать – на вашем сайте или в обсуждениях группы?

• портфолио,
• отзывы,
• предоставляемые услуги,
• контакты,
• команда.

• ассортимент,
• отзывы,
• как заказать,
• оплата и доставка.

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

Шаг #2

Меню для группы ВКонтакте – картинка

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

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

Стандартный вид меню в группе (до того, как на него кликнули)

Открытое меню с кнопками

Проверьте, чтобы ваша картинка с «кнопками» вписывалась в стандартные размеры меню в группе ВКонтакте – ширина 600 – 606px, высота – на ваше усмотрение.

Заполучили картинки? Отлично! Первую (которая будет обложкой) откладываем, вторую (с кнопками) – пускаем под нож. В прямом смысле.

Детально процесс описывать не будем – лучше один раз увидеть.

Всё! Изображения для меню готовы.

Шаг #3

Как сделать меню ВКонтакте? Подготовка сообщества

До того как сделать wiki-меню ВКонтакте, подготовьте группу: через кнопку «Управление сообществом» подключите разделы «Обсуждения» и «Материалы». Материалы при этом нужно сделать ограниченными.

Вот как выглядит «путь» настройки на скриншотах

После этого страница вашего сообщества выглядит так – открылась возможность добавлять обсуждения и появился раздел «Свежие новости».

Это нам и было нужно.

Шаг #4

Как сделать меню группы ВКонтакте? Подготовка посадочных страниц

Помните шаг #1? Там мы определялись, куда будем вести людей – на сайт или в раздел обсуждений.

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

Наша цель – чтобы каждой кнопке соответствовала одна страница обсуждений.

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

Шаг #5

Как добавить меню в группу ВКонтакте? Программирование

А вот теперь – момент истины: непосредственное создание меню. Заходим во вкладку «Свежие новости» и начинаем редактирование.

Раз

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

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

Два

Переходим в «Режим wiki-разметки» (на предыдущем рисунке кнопка перехода выделена красной рамкой). И видим вот это.

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

Поэтому смело правим исходный код!

Три

Первое – убираем пустые строчки между строками кода.

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

Третье – добавляем фрагмент кода ;noborder;nopadding, который позволит убрать пробелы между фрагментами картинки.

Четвертое – вставляем ссылки либо на ранее созданные темы (см. шаг #4) в формате topic–xxxx_xxxx, либо на нужные страницы сайта в формате https://xxxxxxx/.

В итоге должен получиться такой код:

Четыре

Меняем строку «Свежие новости» на слово «Меню» и нажимаем «Сохранить страницу».

Пять

Сохраняем ссылку на меню (она в адресной строке).

Шаг #6

Как сделать меню в группе ВКонтакте? Финальный штрих

Возвращаемся на основную страницу группы и создаем запись:

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

После того, как пост опубликован, закрепляем его.

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

PS. Если совсем нет времени изучать, как сделать меню в группе ВКонтакте, или под рукой нет хорошего дизайнера для создания картинок, обращайтесь – с радостью поможем!

Источник: pbd.space

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Выбираем картинку. Вам потребуется изображение высокого разрешения, не менее 760 х 500 пикселей. Стремитесь к тому, чтобы оно не только подходило вам по тематике, но и хорошо смотрелось с текстом.
2. При помощи Photoshop разрезаем картинку на 4 прямоугольника:

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

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

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

Источник: tovarishch.su