Как сделать разделы в вк группе: Как создать меню группы ВКонтакте • sdelano.media

Содержание

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

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

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

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

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

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

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

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

  1. аватарка
  2. шапка группы
  3. кнопка вызова меню
  4. меню

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

http://vk.com/pages?oid=-123456789&p=МЕНЮ

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

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

ID группы ВК

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

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

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

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

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

– Режим wiki-разметки

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

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

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

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

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

Запишите его!

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

  1. С начала его нужно сделать (в графическом редакторе).
  2. Размер меню такой: – ширина максимум 600 px (так удобнее всего)
  3. – высота как получится.
  4. Я сделал такое меню:

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

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

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

  • Там же в фотошопе нажимаем Файл → Сохранить для Web…
  • Выделяю все части и сохраняю в формате Png-24.
  • В итоге у меня получилось 12 частей.

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

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

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

Возвращаемся на созданную страницу МЕНЮ. Если забыли она находится по этому адресу http://vk.com/pages?oid=-123456789&p=МЕНЮ Не забываем 123456789 заменить на номер вашей группы.

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

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

  1. Теперь нам нужно построить таблицу из нашей нарезки в которой картинки будут кнопками-ссылками, а те места где нет кнопки будут не кликабельны.
  2. Таблица в ВК начинается так: {| а заканчивается так:|}
  3. Меню всегда делайте таблицей, что-бы кнопки не скакали когда смотришь группу через приложение
  4. В общем пишем так (но со своими значениями):

{|noborder;nopadding
|-
| [[photo-176307581_456239020|300x100px;nopadding;nolink| ]]
| [[photo-176307581_456239021|300x100px;nopadding;nolink| ]]
|-
| [[photo-176307581_456239022|300x100px;nopadding|https://vk.com/topic-176307581_39164350]]
| [[photo-176307581_456239023|300x100px;nopadding|https://vk.com/topic-176307581_39164350]]
|-
| [[photo-176307581_456239024|300x100px;nopadding|https://vk.com/topic-176307581_39164350]]
| [[photo-176307581_456239025|300x100px;nopadding|https://vk.com/topic-176307581_39164350]]
|-
| [[photo-176307581_456239026|300x100px;nopadding|https://vk.com/topic-176307581_39164350]]
| [[photo-176307581_456239027|300x100px;nopadding|https://vk.com/topic-176307581_39164350]]

|-
| [[photo-176307581_456239028|300x100px;nopadding|https://vk. com/topic-176307581_39164350]]
| [[photo-176307581_456239029|300x100px;nopadding|https://vk.com/topic-176307581_39164350]]
|-
| [[photo-176307581_456239030|300x100px;nopadding;nolink| ]]
| [[photo-176307581_456239031|300x100px;nopadding;nolink| ]]

|}

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

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

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

адрес картинки для меню в vk

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

А вместо https://vk.com/topic-176307581_39164350 пишем ссылку на нужную нам страницу. Эти страницы я обычно создаю как Обсуждения (для этого их нужно активировать через настройки Управления)

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

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

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

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

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

  • Подготавливаем картинку с надписью “Открыть меню” или просто “Меню”.
  • Это будет кнопка вызова меню группы.
  • Размер кнопки Меню:– Ширина 600 px
  • – Высоту желательно делать меньше или такую же.

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

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

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

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

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

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

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

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

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

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

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

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

Шутка дня: Экипаж прощается с вами и желает Вам приятного полета.

Источник: https://1akm.ru/socseti/kak-sdelat-menu-dlya-groups-vk/

Пошаговая инструкция, как сделать меню в группе ВКонтакте

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

В каких целях используется?

Меню в группе ВК может выполнять следующие цели:

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

Ну вот разве не красотища?

  • Мотивация совершения целевого действия. Вы сами можете подтолкнуть пользователя к прочтению или просмотру определенной информации, клику по определенной кнопке и т.д. Качественное и продуманное оформление способно сделать кликабельное меню, которое будет и привлекать внимание пользователей, и заинтересовывать их, и призывать к действию (call to action).

Как создать текстовое меню?

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

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

  1. Заходим в «Управление» сообществом.
  2. Справа выбираем пункт «Разделы».
  3. Находим «Материалы» и включаем их.

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

  1. Сохраняем изменения и переходим на страницу группы. Нужный блок мы подключили, теперь осталось создать само меню. Вы должны были заметить, что после подключения на главной странице паблика появилась новая вкладка «Свежие новости».
  2. Переходим во вкладку «Свежие новости».
  3. Нажимаем «Редактировать».
  4. Меняем название на соответствующее (например, «Меню»).
  5. Далее в правом углу включаем «Режим wiki-разметки».

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

  1. Пишем названия всех необходимых разделов. Каждый пункт с новой строки.
  2. Заключаем каждую строку в квадратные скобки.
  3. Добавляем вертикальную черту перед названиями.
  4. Перед вертикальной чертой добавляем ссылки на соответствующие страницы, куда будут попадать пользователи после клика.
  5. Добавляем звездочку перед квадратными скобками каждого пункта.

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

  1. Если все сделано правильно, нажимаем кнопку «Сохранить страницу».

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

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

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

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

Ниже представлен пример такой записи:

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

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

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

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

  1. Открываем «Свежие новости» и нажимаем «Редактировать».
  2. Включаем «Визуальный режим редактирования».
  3. Добавляем созданные в фотошопе изображения.
  4. Нажимаем на каждое изображение. В появившемся меню задаем размеры (рекомендуется использовать ширину стены – 610 пикселей, длина проставиться автоматически при сохранении пропорций).
  5. Далее переключаемся на «Режим wiki-разметки».
  6. После размеров каждой картинки добавьте «;nopadding», чтобы избавиться от видимых пробелов между изображениями.
  7. После вертикальной черты добавляем ссылки, куда пользователь попадем после клика.
  8. Сохраняем изменения.

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

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

Использование шаблонов

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

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

Как наличие меню способствует успеху сообщества?

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

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

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

Смотрите также как оформить группу в ВК и какие инструменты помогут в соответствующей статье.

Итог

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

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

Источник: https://smmx.ru/vk/kak-sdelat-menyu-v-gruppe-vkontakte.html

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

Подробности Категория: Социальные сети

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

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

Кстати научившись создавать такие темы можно немного заработать на этом -))).

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

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

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

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

Существует на сегодня несколько видов создаваемого меню:

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

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

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

Закрытое меню группы ВК

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

Вид меню, будет следующим:

Открытое меню группы (закрепленный материал)

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

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

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

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

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

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

  • Для аватарки 200х332 пикселя;
  • Для основного баннера меню 395х282 пикселей.

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

Чтобы было понятно если высота главной аватарки группы 332, то от нее мы отнимаем 50 и получаем высоту основного меню равную 282. Если же размеры не имеют значения, то высоту можно будет выставлять произвольную.

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

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

Создадим новое полотно в фотошопе размерами 600х350 пикселей которое мы будем использовать в качестве трафарета вырезав в нем проемы для наших картинок. Для работы нам необходимо перевести размеры всех элементов и линеек в пикселе и делается это по следующему пути: «Редактировать-установка-основное» и тут уже выставляем пиксели.

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

Используя левую кнопку мыши, как будто вы выделяете область, необходимо выделить блоки нужных нам размеров и после каждого выделения нажимаем кнопку удалить «Delete» и выбираем 50% серого. Такие действия приведут к тому, что блоки будут нужных размеров и выделены цветом отличным от основного фона.

Должно получиться следующее:

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

Отлично. После того как вы поместили картинку нашего дизайна нам остается выбрать «сохранить для Web» и на выходи мы получаем 2 наши картинки. Теперь идем снова в нашу группу и можем заливать главную аватарку (вертикальную). Баннер для меню мы будем использовать чуть позже при работе с кодом wiki-разметки.

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

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

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

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

Обратите внимание что у вас должно быть:

  • Открыты материалы в режиме «ограниченные»;
  • Включены обсуждения;
  • Папка с фотографиями открыта для всех.

Теперь остается настроить нашу страницу где и будет отображаться на менюшка. Для этого переходим на главную страницу сообщества и выбираем свежие материалы и редактировать и называем «НАШЕ МЕНЮ».

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

  • Работая в текстовом редакторе если после загрузки картинок, мы нажмем на иконку в виде скобок в правом верхнем углу то должны увидеть вот такой код:
  • [[photo-116682062_405277613|400x49px| ]]
  • [[photo-116682062_405277617|400x68px| ]]
  • [[photo-116682062_405277636|400x77px| ]]
  • [[photo-116682062_405277644|400x106px| ]]

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

  1. Для пояснения ниже расписано что откуда берется, но учитывая, что все будет вставлено автоматически и не нужно мудрить, и открывать как некоторые пишут каждую картинку и брать id, то просто загружаем и сохраняем.
  2. [[photoxxxxx|nopadding;yyyyypx|ваша ссылка]] где xxxxx — id вашей картинки yyyyy — ширина в пикселях (не более 388)
  3. Должно в итоге получиться вот так:
  4. [[photo-116682062_405277613| nopadding;400x49px| ]]
  5. [[photo-116682062_405277617| nopadding;400x68px| ]]
  6. [[photo-116682062_405277636| nopadding;400x77px| ]]
  7. [[photo-116682062_405277644| nopadding;400x106px| ]]

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

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

https://vk.com/page-116682062_51411604?act=edit&hid=183950676&section=edit

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

  • Переходим на главную страницу и делаем следующее:
  • Шаг №1.
  • Вставляем адрес станицы в текстовое поле для новой записи на стене, после чего она преобразуется в ссылку.
  • Шаг №2.
  • К записи прикрепляем изображение нашей заглушки для меню и нажимаем отправить.
  • Шаг №3.
  • Теперь после публикации записи нажимаем на время создания в нижней левой части записи и выбираем «ЗАКРЕПИТЬ».

Отлично!!! На этом заканчиваем. Теперь вы умеете создавать классные меню и можете зарабатывать на этом неплохие деньги. Советую все делать в следующем порядке:

  • Придумываем структуру и заказываем дизайн изображений меню;
  • Делаем подгонку размеров и нарезку всех изображений;
  • Вставляем в альбомы картинки;
  • Редактируем в редакторе все нарезки и публикуем на главные страницы группы.

В итоге работы мы получим вот такое меню.

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

ВАЖНО: После смены дизайна ВК в 2016 году внесены новые изменения при создании изображений и требования к картинкам о которых читаем вот тут.

Скачать шаблон меню группы ВК + все исходники урока

Источник: https://firelinks.ru/socialnye-sety/292-ak-sdelat-menyu-dlya-gruppy-vkontakte.html

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

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

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

Новое меню ВКонтакте

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

По умолчанию Меню отображается сразу под шапкой сообщества и блоком с информацией.

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

Обратите внимание, что Меню ВКонтакте включает в себя 3 категории:

  • Новая ссылка;
  • Подписаться;
  • Открыть приложение.

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

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

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

А вот для работы с картинками и ссылками понадобится раздел Новая ссылка. Согласно правилам ВК, в меню можно добавить не более 7 позиций (ссылок), не считая приложений сообщества.

Разделы в группе ВК

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

Одна из основных задач хэштегов – группировать посты по тематикам. Самый простой пример возьмем из кулинарии. Логично, что посты, как варить суп, готовить каши на молоке или печь торты, лучше разделить по темам. Читатель, которого интересуют торты, быстро найдет рецепты по ранее присвоенному хэштегу (#торты). И ему не понадобится пересматривать все посты с кашами, супами и компотом.

  • Для новичков подскажу, как выглядят хэштеги ВКонтакте – это решетка с набором символов (слова, цифры, сокращенная аббревиатура). Например:
  • #супы
  • #астрология
  • #Koko_Shanel
  • #Queen
  • Или вот пример из моей группы ВК: #dr_dzen, #dr_link, #dr_justclick.

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

Хэштеги внутри сообщества работают только в рамках группы. Как это проверить? Достаточно кликнуть по любому хэштегу в посте. Если открывается лента постов из разных групп, то хэштег общий.

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

Но то, что работает только внутри группы – обязательно! Они понадобятся для создания ссылок в меню.

Как добавить ссылки в меню ВК

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

Опять же вернемся к теме кулинарии: если это ссылка на раздел с супами, значит, на картинке должна стоять тарелка с каким-нибудь борщом, на раздел с тортами – с тортом, на раздел с салатами – «Цезарь» или «Оливье».

Я думаю, вы поняли основную мысль! Минимальный размер изображения для меню ВКонтакте  – 376х256рх.

И теперь, самое главное! Для настройки меню вам понадобится следующая ссылка (если она не копируется, введите руками):

https://vk.com/wall-159969206?q=%23dr_link

  1. В ссылке необходимо заменить 2 показателя: id группы и хэштег раздела.
  2. Id группы можно скопировать из браузерной строки, если вы не сменили адрес в настройках.
  3. Если вы поторопились это сделать, то id можно найти через исходный код страницы.
  4. Например, в этой части кода:

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

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

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

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

Я только сейчас поняла, насколько это удобно! И всем владельцам сообществ рекомендую оформить такую навигацию.

Автор статьи Ольга Абрамова, блог Денежные ручейки

Источник: https://denezhnye-ruchejki.ru/kak-oformit-menyu-vk-v-vide-kartinok-so-ssylkoy/

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

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

  1. Зайдите в группу.
  2. Под аватаркой заходим в раздел “Управление сообществом”.
  3. Откроется несколько пунктов (фотографии, документы). Перейдите в раздел “Материалы”, нажав на “Ограниченные”. Это вынужденная мера: в противном случае (при открытом доступе) любой сможет создать новые страницы, испортив меню группы.
  4. Вернитесь на главную страницу сообщества. Удалите закрепленные посты. Перезагрузите страницу.
  5. Откройте раздел под названием “Свежие новости” (он расположен прямо под описанием сообщества). Вы увидите, что рядом с ним возник пункт “Редактировать”.
  6. В открывшемся окне редактирования следует выбрать режим wiki-разметки. Он выбирается путем нажатия кнопки справа. Наведите на нее курсор: отобразится название режима, в котором вы сейчас находитесь.
  7. Можно приступить к редактированию. Базовое название заголовка (“Свежие новости”) меняем по собственному усмотрению. Подойдет краткое описание: “Меню группы”.
  8. Чтобы сделать новые пункты, запишите названия разделов в столбик, выделив их двойными квадратными скобками. Например: [[Цены]], [[Контакты]].
  9. Кнопка “Предпросмотр страницы” покажет, как выглядит меню группы.

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

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

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

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

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

  1. Загружаем необходимые фотографии прямо в фотоальбом сообщества. Если вы хотите “нанести” на них текст для большей выразительности, сделайте это в редакторе Paint заранее.
  2. Выбираем раздел под названием “Свежие новости”, затем наводим курсор на пункт с редактированием.
  3. Найдите на рабочей панели кнопку “Добавить фотографию” (со значком фотоаппарата). Если вы решили не загружать фото прямо в альбом группы, можно сделать это непосредственно здесь, скачав изображения с компьютера.
  4. После окончания загрузки вы увидите: в текстовом поле появились ссылки на фото.
  5. Поставьте прямой слэш | в конце каждой ссылки, а после него укажите адрес необходимых страниц, к которым будет прикреплена картинка (ссылка на видеоальбомы, на фото, аудио…).
  6. Проделав эти манипуляции, заключите образовавшиеся ссылки в двойные квадратные скобки [].
  7. Нажмите на кнопку предпросмотра. Если все в порядке, сохраните изменения.
  8. Понажимайте на кнопки в меню, убедитесь, что все работает.

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

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

  • Ширина картинки должна быть не более 370 px, максимум — 390.
  • Будущее меню следует разрезать на полоски в Фотошопе. Полученные изображения загрузить в альбом аккаунта.
  • Нажмите раздел “Свежие новости”, кнопку “Редактировать”.
  • Найдите значок фотоаппарата, загрузите картинки. Вы увидите код загрузки каждой картинки в текстовом поле.
  • Теперь нужно присвоить каждой картинке ссылку. Если вы желаете, чтобы она вела на запись на стене сообщества, найдите ее, скопируйте URL. Если нужен переход на иной сайт, скопируйте его адрес.
  • Отделите код загрузки картинки прямым слэшем | и вставьте ссылку после него.
  • Сохраните изменения, организуйте предпросмотр.

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

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

  1. Создайте в Фотошопе документ, поместив туда изображение с “шапкой” меню.
  2. Оформите строку навигации: можно написать на белом фоне основные разделы будущего меню (“О нас”, “Цены” и др.) Выделите разным цветом при необходимости.
  3. Разрежьте каждую картинку, чтобы они были оформлены по отдельности.
  4. Зайдите на сайт ВКонтакте (группа, раздел “Свежие новости”, “Редактировать”, режим wiki-разметки).
  5. Загрузите фотографии с компьютера.
  6. Скопируйте адрес нужной страницы, вставьте его в код картинки через прямой слэш. Для каждой картинки труется отдельная wiki-страница.
  7. При нажатии на эти ссылки будут открываться соответствующие разделы сообщества. После перехода вы увидите пункт “Наполнить содержанием”. Загрузите те же кнопки, но с иным цветовым порядком.

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

Источник: https://smm-guide.com/kak-sdelat-menju-v-gruppe-vkontakte

[ru-ru] VK Group Menu

Воплотите стильное wiki-меню за пару кликов – без опыта и знаний специальных программ!

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

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

И гости возвратятся снова, чтобы ознакомиться подробней!

  1. Зайдите в Canva.
  2. Нажмите Настраиваемые размеры и создайте дизайн с шириной 600 px.
  3. Загрузите свои фотографии, или из встроенной галереи.
  4. Добавьте надписи и графику: баннеры, значки, иконки.
  5. Скачайте в JPG или PNG, а затем разрежьте картинку на равные части для оформления кнопок.
  1. Меняйте картинки. В нашей коллекции их миллион, и даже больше!
  2. Меняйте дизайн. Адаптируйте его под свой бренд-бук, определяя подходящие оттенки.
  3. Переключайте фон. Выбирайте лучшие полотна на различные тематики.
  4. Редактируйте текст. Устанавливайте пользовательские размеры, цвета и шрифты.
  5. Сохраняйте на компьютер. Или жмите «Поделиться».

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

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

А когда добьетесь желаемого результата, скачайте картинку и разрежьте на отдельные «buttons», чтобы прикрепить к ним соответствующие ссылки в wiki-редакторе.

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

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

Отдельные из них, премиальные, доступны всего по $1, остальные же абсолютно бесплатны! Так же, как и элементы из одноименной вкладки: рамки, ленты, диаграммы, геометрические фигуры или эмодзи.

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

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

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

Источник: https://www.canva.com/ru_ru/sozdat/menyu-gruppy-vkontakte/

как правильно и красиво оформить сообщество Вконтакте

Содержание

  • 1 Как красиво оформить группу ВКонтакте
  • 2 Преимущества и возможности группы ВКонтакте:
  • 3 Оформление группы ВКонтакте — почему это важно
  • 4 Как оформить и настроить группу в ВК
    • 4. 1 Размеры изображений для оформления и общие советы
    • 4.2 Название сообщества
    • 4.3 Выбираем тип сообщества
    • 4.4 Описание сообщества
    • 4.5 Как добавить или изменить описание
    • 4.6 Аватар (логотип)
    • 4.7 Как установить или изменить аватар
  • 5 Обложка группы в ВК
    • 5.1 Как добавить обложку с телефона
    • 5.2 Размеры обложки для сообщества в ВК: рекомендации
    • 5.3 Как сделать обложку для группы ВК: инструкция
    • 5.4 Canva
    • 5.5 Wilda
    • 5.6 PSD-шаблон
    • 5.7 Живая обложка сообщества
    • 5.8 Как сделать динамическую обложку: обзор специального сервиса
    • 5.9 Что «поставить» на обложку: советы
    • 5.10 Примеры обложек для сообщества во ВКонтакте: 5 вариантов
  • 6 Как сделать так, чтобы фото не теряли качество при загрузке в ВК
  • 7 Кнопки действия
  • 8 Закреплённый пост
  • 9 Как добавить обсуждения
  • 10 Документы и ссылки
  • 11 Полезные сервисы
  • 12 Необычный статус
  • 13 Картинки из смайлов
  • 14 Прикольный ID
  • 15 Как сделать группу закрытой
  • 16 Как сделать открытой

Как красиво оформить группу ВКонтакте

Хотите, чтобы ваша аудитория ВКонтакте была элегантной и убедительной, вызывала доверие и продавалась? Мы расскажем, как оформить группу ВКонтакте — приведем примеры красивого оформления сообщества в этой социальной сети. Скорее всего, в 2022 году ВК станет безоговорочным лидером Рунета в цифровом маркетинге, так как ФБ и Инстаграм «спеклись», а OK.ru еще не достиг такого уровня в рекламном продвижении.

Преимущества и возможности группы ВКонтакте:

  1. Быстрое создание и оформление. Прочитав статью до конца, вы поймете, что все действия не займут много времени.
  2. Бесплатно. Создать группу ВКонтакте можно абсолютно бесплатно, а при правильном продвижении по эффективности она может сравниться с лендингом или сайтом.
  3. Легко использовать. Большинство действий, связанных с продвижением бизнеса в ВК, интуитивно понятны и просты.
  4. Много информации. В интернете много статей и видео о работе ВКонтакте — раскрутке, монетизации и прочем.
  5. Самая большая аудитория русскоязычной аудитории всех возрастов, среди них, наверняка, и ваши клиенты.

Оформление группы ВКонтакте — почему это важно

Удачное оформление группы в любой социальной сети и на любой платформе имеет множество преимуществ:

  1. Увеличение продаж. ВК дает возможность сделать макет страницы максимально информативным. А это, в свою очередь, позволяет показывать товар лицом, информировать о предстоящих событиях и оставлять ссылки на нужные ресурсы. Короче говоря, создайте идеальные автоматизированные воронки и увеличьте конверсию.
  2. Повышенная уверенность. Пользователи будут более охотно читать аудиторию, оформленную со стилем. Таким образом вы покажете, что представляете серьезную компанию, потому что больше всех вкладываете в свой бизнес.
  3. Лучшее диалог с пользователем. Красивый дизайн и правильное расположение графических элементов находят отклик у пользователей. Аудитория станет активнее делиться своими комментариями и задавать вопросы.

Как оформить и настроить группу в ВК

Размеры изображений для оформления и общие советы

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

А вот, собственно, и современные стандарты в пикселях:

  • Максимальный размер аватара 200х500;
  • Рекомендуемый размер аватара 200×200;
  • Ширина меню 510. Высота может быть неограниченной. Если вы хотите, чтобы высота заканчивалась аватаркой, укажите 510×308;
  • Обложка — 1590х400;
  • Размер товара 1000х1000;
  • Превью фотоальбома — 1200х800;
  • Предварительный просмотр видеофайла — 1280×720;
  • Квадратное фото в ленте — 510х510;
  • Прямоугольное изображение шириной 510 и высотой менее 510;
  • Картинка для статьи — 510х286;
  • Изображение по ссылке 537×240.

Ну а чтобы было понятнее, вот очень подробная иллюстрация:

Название сообщества

Имя сообщества. Ваше имя, до 48 символов. Последние 13 символов не отображаются на экране мобильного, поэтому ключевую часть рекомендуется умещать в первые 35 символов.

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

«Дизайнерские платья Алисы хороши. «Дизайнерские платья из бывших дизайнерских хлопчатобумажных тканей» — это плохо.

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

Выбираем тип сообщества

Появится всплывающее окно, где социальная сеть попросит вас выбрать тип сообщества. Что выбрать?

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

Описание сообщества

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

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

Как добавить или изменить описание

В боковом меню группы перейдите в раздел «Управление».

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

Аватар (логотип)

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

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

  • AvaMaster — Загрузить фото (или логотип компании), выбрать из представленных вариантов.
  • Вк Профи — позволяет создавать все основные графические элементы для оформления сообществ и пабликов.

Размер логотипа должен быть не менее 200x200px. А еще лучше сразу выбрать большое изображение, чтобы не потерять качество изображения при сжатии: до 7000 пикселей с каждой стороны. Однако здесь важно соотношение сторон: оно не должно быть больше 5:2. Например, изображение шириной 400 пикселей не должно превышать 1 000 пикселей в высоту.

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

Как установить или изменить аватар

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

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

Обложка группы в ВК

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

Чтобы добавить такую ​​обложку, нужно зайти в настройки сообщества, нажать «Загрузить», выбрать заранее подготовленное на ПК изображение (1590 на 400 пикселей в формате JPG, GIF или PNG) и нажать «Сохранить».

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

Как добавить обложку с телефона

Войдите в свое сообщество через мобильное приложение ВКонтакте. Нажмите на шестеренку в правом верхнем углу.

Перейдите в раздел «Информация».

Перейдите в раздел «Обложка».

Добавить обложку — для этого выберите готовое изображение из галереи.

Размеры обложки для сообщества в ВК: рекомендации

В первую очередь изучим технические параметры чехлов ВКонтакте – посмотрим рекомендуемые размеры, актуальные в 2022 году.

Рекомендуемый размер обложки для группы ВК: 1590х400 пикселей. Это оптимальное разрешение для конечного изображения — изображение будет отлично отображаться на компьютере.


Размеры обложки ВКонтакте

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

зона обложки, видимая с телефона или планшета: 1196 × 315 пикселей.

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

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

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

Размер такой обложки 1080×1920 пикселей.

Как сделать обложку для группы ВК: инструкция

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

Существует 3 варианта создания обложки:

  1. Онлайн-сервис Canva.
  2. Интернет-сервис Wilda.
  3. В Adobe Photoshop (например, используя готовый шаблон в формате PSD).

Давайте рассмотрим каждый вариант немного подробнее.

Canva

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

Для этого зайдите на официальный сайт платформы и зарегистрируйтесь. Вы также можете перейти по этой ссылке и нажать на кнопку «Создать обложку для группы ВК».

Откроется графический редактор. В левой части экрана находятся готовые шаблоны обложек — выберите нужный вариант.

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

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

Закончив создание обложки, нажмите кнопку «Скачать» на верхней панели инструментов.

Выберите тип файла (мы рекомендуем оставить PNG). Вы можете изменить размер.

Нажмите «Скачать». Изображение будет загружено на ваше устройство.

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

Wilda

Wilda — онлайн-конструктор документов. На платформе есть специальный конструктор обложек для ВК.

Вы можете использовать готовые шаблоны.

Чтобы начать работу с платформой, перейдите на домашнюю страницу Wilda и перейдите в раздел «Социальные сети: ВКонтакте».

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

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

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

После этого загрузите обложку в группу или паблик.

PSD-шаблон

Сделать обложку для сообщества в ВК можно через графический редактор Adobe Photoshop. Доступны два варианта: «нарисовать» обложку самостоятельно или воспользоваться готовыми PSD-шаблонами.

Шаблон PSD представляет собой файл для Photoshop. Если у вас установлен Adobe Photoshop, вы можете скачать шаблон PSD и открыть его на своем компьютере.

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


Редактирование шаблона обложки PSD в Photoshop


Группа ВКонтакте с бесплатными PSD шаблонами

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

Живая обложка сообщества

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

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

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

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

Для создания динамических (живых) обложек используйте сервис DyCover.

Это удобный динамический конструктор обложек.

На платформе реализованы следующие популярные виджеты:
→ Конкурсы активности.
→ Текст по URL.
→ Все типы подписчиков.
→ Пожертвования.
→ Дата и время.
→ Таймер.
→ Время.
→ Заменить обложки.
→ Пользовательские шрифты.
→ Обменный курс.

Преимущества платформы:

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

Стоимость услуги начинается от 180 руб/мес. Есть бесплатный пробный период.

Что «поставить» на обложку: советы

Теперь немного теории. Поделимся советами, какие элементы разместить на обложке группы ВК.

Что установить на обложку:

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

Примеры обложек для сообщества во ВКонтакте: 5 вариантов

В этом разделе собраны примеры обложек. Всего есть 5 вариантов.

используйте их как вдохновение.


Обложка сообщества OZON Camp во ВКонтакте
Обложка сообщества для магазина женской одежды «Ева»
Обложка редакционной группы ФОМИН
Обложка паблика «Хабр»
Обложка официального сообщества канала ТНТ

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

Яркие, качественные изображения — мощный инструмент увеличения продаж. Но ВКонтакте не позволяет загружать качественные фото, так как его технические возможности ограничены. В результате мы получаем боль от дизайнеров и фотографов. Грусть блогеров.

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

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

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

  • Измените размер фотографии до 2700 пикселей по длинной стороне (1,5 максимальной ширины)
  • Выберите интерполяцию «Бикубическая, четче» и сохраните
  • Вернитесь в окно редактирования изображения

Настройки фото высокого разрешения

  • Измените размер фотографии до 1800 пикселей по длинной стороне (1 максимальная ширина)
  • Выберите «Бикубическую» интерполяцию и сохраните

Настройки фото с низким разрешением

  • Перед загрузкой в ​​ВК сохраните файл для сети: выберите формат jpeg, установите флажок sRGB, а в разделе Preview — Internet Standard RGB

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

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

Сразу под заголовком рекомендуется размещать привлекательные кнопки как логическое продолжение баннера. Эти кнопки также называются кнопками конверсии, потому что они побуждают пользователей к действию. Все настройки кнопок производятся в разделе «Управление».
Это пост из партнерской программы М1, где под шапку встроены 2 кнопки: «Регистрация» и «Подписаться»

Они продолжат обложку ВК; например, если вы разместили в шапке промокод, то логично сделать кнопку с призывом перейти на сайт. На данный момент социальная сеть позволяет добавить 3 вида кнопок: тип действия, номер телефона, текст. Для этого заходим в «Управление» и активируем «Кнопку действия», после чего выбираем варианты.

Закреплённый пост

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

Чтобы закрепить нужный материал, нажмите на три кружочка в правом верхнем углу таблички с публикацией и выберите «Закрепить».

Как добавить обсуждения

Обсуждения — лучший способ общения с пользователями в группе. Для создания обсуждений вам необходимо:

  • зайти в «Управление», а затем в «Разделы»;
  • напротив пункта «Обсуждения» выбираем «Открытые»;

Теперь заходим в само сообщество и внизу, под роликами, находим кнопку «Добавить обсуждение».

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

Документы и ссылки

Документы позволят вам загружать в сообщество GIF-файлы и изображения большего размера, чем стандартный размер. Вы также можете загружать файлы, документы DOC, программы и многое другое.

Для скачивания нужно:

  • выберите «Документы» в правом нижнем углу»;
  • нажмите «Добавить»;
  • выберите интересующий файл;

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

Для ссылок ситуация еще проще. Ссылки можно публиковать двумя способами:

  • в боковом меню над контактами;
  • отдельный пост на стене;

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

Помните, что ссылки на сторонние ресурсы, нарушающие правила ВКонтакте, исправить нельзя. Вы можете потерять свое сообщество!

Полезные сервисы

Для ведения учета необходимы качественные фотографии. Вы можете найти их на следующих ресурсах:

  • www.unsplash.com,
  • rgbstock.com,
  • bigfoto.com,
  • picjumbo.com
  • freemediagoo.com
  • каждая фотография файла Com,
  • wylio.com
  • pixabay.com
  • dreamtime.com
  • canweimage.com,
  • littlevisuals.com,
  • freerangestock.com,
  • фриография.com,
  • imcreator.com,
  • imagefree.com.

Для дальнейшей обработки изображений желательны навыки дизайнера, но есть сервисы, которые помогут вам, если вы новичок в этом деле. Хорошие ресурсы — fotor.com и canva.com.

Необычный статус

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

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

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

До момента сохранения специальные символы могут не отображаться. Поэтому все внесенные изменения стоит оценивать только после его окончательного обновления.

Картинки из смайлов

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

Прикольный ID

У каждой страницы ВК есть свой уникальный адрес, который состоит из опознавательного знака и определенного номера. Однако это не самый удобный формат адреса. Поэтому его можно изменить, выбрав «Адрес страницы» во вкладке «Общие» и отредактировав его.

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

Как сделать группу закрытой

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

Как сделать открытой

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

  • перейти в группу;
  • найти раздел «Управление» и столбец «Тип группы»;
  • поставить галочку напротив выбранной опции «Открыть группу»;
  • сохраните внесенные изменения.

как сделать сообщество с телефона бесплатно, что писать в контактах, пошаговая инструкция

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

Содержание

  1. Как создать сообщество во «ВКонтакте»
  2. С помощью компьютера
  3. Через смартфон
  4. Как создать группу через Kate Mobile
  5. Выбор типа сообщества ВК
  6. Настройка группы во «ВКонтакте»
  7. Аватар сообщества
  8. Описание
  9. Обложка
  10. Разделы
  11. Контакты
  12. Как создать первую запись
  13. Создание обсуждения
  14. Как добавить товары в группу ВК
  15. Обзор

Как создать сообщество во «ВКонтакте»

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

Создать сообщество в ВК можно как с компьютера, так и с телефона.

С помощью компьютера

Инструкция, как создать публичную страницу во «ВКонтакте»:

  1. Авторизоваться в своем профиле или зарегистрироваться в социальной сети. Открыть раздел «Сообщества».
  2. В правом верхнем углу найти кнопку «Создать». Выбрать вид группы. Если страница нужна для торговли, указать «Бизнес». Также можно открыть онлайн-клуб по интересам или сообщество для мероприятий.
  3. Ввести название (включая аналогичное продвигаемому бренду).
  4. Выбрать тематику из выпадающего списка. При наличии отдельного сайта указать ссылку.
  5. Нажать клавишу «Создать».

Через смартфон

Инструкция, как создать группу во ВК с телефона iOS или Android:

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

Как создать группу через Kate Mobile

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

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

Выбор типа сообщества ВК

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

При создании выбирайте тип сообщества.

Настройка группы во «ВКонтакте»

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

Аватар сообщества

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

Ава должна быть определенного размера.

Описание

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

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

Обложка

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

Рекомендованный размер 1590х400, формат – PNG, JPG или GIF. Для правильного отображения обложки на мобильных гаджетах текст или иные крупные элементы размещают по центру.

Обложка должна быть яркой и стильной, привлекающая внимание.

Разделы

Этот пункт используют для включения или удаления вкладок. Желательно своевременно убирать ненужные элементы. Также можно задать уровни доступа для разделов. От этого зависит, кто из посетителей или участников сможет размещать контент. Если доступ ограничен, фото, текст, видео или аудио могут загружать только администраторы. При выборе открытого варианта контент вправе добавлять все желающие. На этом же этапе добавляют основной и дополнительный блоки. Информация будет отображаться при открытии группы.

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

Контакты

На этом этапе нажимают соответствующую клавишу на рабочей странице.

Контакт может содержать:

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

Как создать первую запись

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

Создание обсуждения

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

Для добавления обсуждения выполняют такие действия:

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

Как добавить товары в группу ВК

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

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

Обзор