Как оформить меню в ВК

Урок 4. Оформление группы ВКонтакте. Часть 3. Как оформить меню в группе в ВКонтакте

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

В прошлом уроке Оформление группы ВКонтакте. Часть 2. Рисуем графическое меню в Photoshop мы разобрались, как нарисовать красивое меню для вашей группы. А сегодня мы научимся размещать меню непосредственно на странице в ВКонтакте и создавать для него внутренние страницы. Итак, поехали!

Шаг 1. Загружаем элементы меню на сайт vk.com

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

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

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

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

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

Осталось собрать из этих частей меню группы.

Шаг 2. Собираем меню из элементов

Заходим на страницу редактирования меню (как это сделать, смотрите во втором уроке). Проверяем, чтобы был включен режим редактирования Режим wiki-разметки. Сейчас у вас здесь (если вы выполняли задания второго урока) написаны пункты вашего меню, заключенные в квадратные скобки. Их мы пока не трогаем, а пишем ниже:

[[photo- уникальный_номер |388px;noborder;nopadding| ]]

уникальный_номер — это номер фотографии, который присваивается ей при загрузке на сайт vk.com. Чтобы его посмотреть, откройте загруженную фотографию, кликнув по ней, и посмотрите в адресную строку браузера:

388px – это ширина вашего меню

Noborder – означает, что вашим элементам меню не добавляется обводка по контуру черным цветом

Nopadding – означает, что между картинками не будет расстояния (что нам и нужно, чтобы меню было цельным).

КАК СДЕЛАТЬ КРУТОЕ ОФОРМЛЕНИЕ МЕНЮ ДЛЯ ГРУППЫ ВК 2022

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

У вас должно получиться столько строчек, сколько пунктов в вашем меню (и, соответственно, сколько вы рисовали картинок):

Будьте внимательны и не перепутайте порядок расположения картинок.

Заходим на главную страницу группы, обновляем ее (нажимаем кнопку Обновить в браузере или просто F5). Любуемся полученным результатом!

Шаг 3. Прикрепляем к меню внутренние страницы

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

Сразу проверяем, какой у нас установлен доступ к странице (напомним, что доступ к просмотру страницы нужно установить — Все пользователи, а доступ к редактированию – Только редакторы и администраторы), и наполняем ее информацией.

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

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

Поскольку вы находитесь в режиме wiki-разметки, то при применении команд форматирования к вашему тексту будут добавляться определенные символы. Например, при выборе команды курсив, то слово, которое вы хотите выделить курсивом, будет окружено кавычками. Эти символы – и есть элементы языка wiki-разметки. Чтобы посмотреть, как будет выглядеть текст на странице, нажмите кнопку Предпросмотр:

И вот, что получится:

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

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

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

Остается выяснить адреса только что созданных вами страниц и прикрепить их к меню.

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

И теперь добавляем этот адрес к тому коду, который вы писали для меню:

Будьте внимательны и не перепутайте ссылки. В нашем примере получилось так:

Удаляем строки, отмеченные на картинке, и сохраняем страницу.

Поздравляем, меню вашей группы готово!

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

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

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

важность меню в группе в вк

На сколько процентов возрастет прибыль зависит только от вас. Меню – важнейшая точка “прикосновения” клиента к товару. Чтобы что-то продавать, нужно ставить себя на место возможного покупателя. Как только вы решили зайти в группу с интересующим вас товаром, сразу же увидите обложку меню, которая либо заинтересует вас, либо оттолкнет.

Помните, что в вашем распоряжении только 15 секунд, чтобы доказать, что именно вашу продукцию купит человек. Уделив часть своего времени на разработку дизайна меню для своей группы «Вконтакте», можно повысить продажи минимум в 2-3 раза.

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

Ограничиваем материалы сообщества

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

• Информационные группы хранят в себе тонны информации на определенную тематику. В таких группах очень важен сам контент, ведь именно благодаря различным интересным фактам, познавательным статьям, человеку не захочется покидать такое сообщество.
• Развлекательные группы аналогичны информационным, разница лишь в контенте. Если вы планируете создавать группы таких видов, то стоит создавать меню, которое будет отображать главные темы (самое главное, последние публикации и др.). Подробнее о создании развлекательного контента читайте в нашем блоге.
• Если у страницы цель – продавать, то нужно создать условия для удобного поиска товаров покупателям. Лучше всего поместить в продающее меню разделы, которые будут направлять посетителя в каталог (контакты, компания, доставка). Необходимо сделать страницу контактов, хорошо проработать систему с отзывами и настроить бота, который будет отвечать на вопросы клиентов.

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

Создаем меню

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

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

1. страница, на которой мы разместим свой товар и его описание
2. страница, в которой клиент будет заказывать, оплачивать и забирать товар
3. страница отзывов

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

Для этого на созданной странице посвященной условиям заказа, создайте внешнюю ссылку, например, с таким адресом https://vk.com/write1776617, который содержит команду write и номер id ответственного за прием заказов человека. При переходе по ней, клиент сразу попадет в окно для отправки сообщения нужному человеку.

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

Как оформляется группа?

Меню группы «Вконтакте» лучше начать создавать в графическом редакторе. Интернет позволяет скачать бесплатно любой сервис. Самый проверенный редактор для работы с фотографиями – фотошоп. Самый главный плюс фотошопа заключается в относительной простоте. Вам достаточно вполне минимальных знаний для хорошего и оригинального оформления своей группы.

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

Что делать, если оформить самостоятельно – сложно?

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

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

Источник: crystal-digital.ru

Как оформить меню в вк

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

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

Меню сообщества ВКонтакте — это список пунктов, каждый из которых ведет на соответствующий раздел.

Например, так выглядит первый экран открытого внутреннего меню нашего сообщества.

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

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

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

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

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

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

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

Обычно такая информация содержится в разделах:

• Каталог или Услуги
• Как заказать
• Гарантии и отзывы
• О нас
• Вопрос-ответ

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

Меню создается, как правило, в процессе разработки дизайна сообщества.

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

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

Например, 1-ый клик по баннеру для входа в меню, 2-й клик по пункту меню для перехода на интересующую страницу. Или 1-ый клик по баннеру, 2-й клик по каталогу, 3-й клик по категории товара для перехода в фотоальбом с товарами.

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

Остановимся немного подробнее на каждом шаге.

1. Структура меню

Создание меню начинается с разработки структуры. На этом этапе продумывается какие разделы будут в меню и как они будут оформлены.

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

К основным внутренним элементам ВКонтакте, на которые можно перейти из меню, относятся:

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

Стоит заметить, что само меню также является вики-страницей.

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

Например, структура может быть представлена в виде таблицы:

Раздел Куда ведёт

1. Услуги	Вики-страница «Услуги»
2. Отзывы	Обсуждение «Отзывы и благодарности»
3. Наш подход	Вики-страница «Наш подход»
4. Как получить услуги	Вики-страница «Как получить услуги»
5. Портфолио	Фотоальбом «Веб-разработка и Landing Page»
6. О нас	Вики-страница «О нас»
7. Вопрос-ответ	Обсуждение «Вопросы по продвижению ВКонтакте»

Вариант реализация такой структуры может быть следующий:

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

Ниже приведены самые популярные виды.

2. Виды меню

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

Простое меню

Все пункты меню ведут на внутренние элементы ВКонтакте.

Иерархическое (многоуровневое) меню

Меню содержит одну или более категорий, которые представляют собой подменю (меню 2-го и более уровня).
В этом примере категория «Каталог» является подменю 2-го уровня.

Меню с вкладками

Пункты меню представлены в виде переключающихся вкладок с эффектом нажатия. Текущая вкладка выделена желтым цветом.

Комбинированное меню

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

1. Услуги 1.1. Дизайн сообществ ВКонтакте 1.2. Разработка Landing Page 1.3. Таргетинг ВК, ОК, FB 2. О нас 2.1. Команда 2.2. Выполненные проекты 2.3. Как получить услугу 3. База знаний 3.1. Рубрики 3.2. Статьи 3.3. Инфографика

Как вариант для представления структуры можно использовать Mind Map.

В сообществе такое меню и его активный раздел «Статьи» выглядит так:

3. Художественное оформление

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

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

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

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

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

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

Источник: arp-seversk.ru