Как создать меню вконтакте: Attention Required!

Содержание

Меню группы вконтакте — как создать и добавить в группу ВК. Примеры наших работ по оформлению картинки меню.

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

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

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

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

Пример навигационного меню

Виды навигационного меню:

Одностраничное меню

Данное меню имеет простой функционал и устанавливается только на одну wiki-страничку.

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

Одностраничное меню

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

Пример длинного одностраничного меню

Многостраничное меню

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

Многостраничное меню — главная вики-страничка

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

Многостраничное меню — дополнительная вики-страничка

Wiki-лендинг ВКонтакте

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

Wiki-лендинги ВКонтакте

Какую информацию можно разместить в wiki-лендинге:

Описание компании и ее деятельности
Категории услуг или товаров
Отзывы клиентов через графическое оформление
Видео-записи и промо-ролики
Преимущества работы с Вами
Акции и специальные предложения

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

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

Какой дизайн меню выбрать

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

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

Добро пожаловать, друзья, на блог о создании и настройке сайтов — SdelaemBlog.ru. Наверняка, почти у каждого сейчас есть личная страница в социальной сети вконтакте, а у кого-то есть даже группа. Вот пользователи, у которых есть свои группы, скорее всего задумывались, как ее оформить, например сделать меню для группы. Но далеко не каждый знает, как сделать меню вконтакте, а создать его хотелось бы. Я тоже когда-то об этом задумывался и немного поискав в интернете — ответ был найден. Чем и хочу поделиться с вами — как создать меню для группы вконтакте.

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

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

Из чего делается меню вконтакте?

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

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

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

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

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

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

{|
|-
|
[[пункт меню 1]]
|-
!
[[пункт меню 2]]
|-
|
[/kak-sdelat-svoj-blog/|пункт меню 3]
|}

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

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

"{|" - начало новой таблицы.
"|-" - новая строка.
"|" - ячейка таблицы с обычным текстом. (взаимозаменяемо - "!"). 
"!" - ячейка таблицы с жирным текстом и более темным фоном. (взаимозаменяемо - "|").
[[пункт меню]] - внутренняя ссылка.
[внешняя ссылка|название пункта(ссылки)] - ссылка на внешнюю страницу(внешние гиперссылки можно оформлять и без скобок.)

А выглядеть оно будет, вот так:

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

Таким же образом, можно сделать и горизонтальное меню:

{|
|-
|
[[пункт меню 1]]
!
[[пункт меню 2]]
|
[/kak-sdelat-svoj-blog/|пункт меню 3]
|}

Пример:

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

{|
|-
|<b>О движке wordpress:<br/> статьи, мануалы и др.</b>
{{Hider|wordpress
{|
|-
|
[[установка]]
|-
|
[[настройка]]
|-
|
[[продвижение]]
|}
}}
|'''О движке wordpress:<br/> статьи, мануалы и др. '''
{{Hider|dle
{|
|-
|
[[установка]]
|-
|
[[настройка]]
|-
|
[[продвижение]]
|}
}}
|}

И сохраняем. В результате, получится вот такое меню:

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

<br/> - перенос строки текста.
<b>инфо</b>('''инфо''') - два варианта сделать текст жирным.
{{Hider|спойлер
}} - (2 пункта) спойлер для навигации, скрывает пункты меню.

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

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

До новых встреч!

Группы с красивым меню вконтакте.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[]
где xxxxx — id вашей картинки
yyyyy — ширина в пикселях (не более 388)

Должно в итоге получиться вот так:

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

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

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

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

Переходим на главную страницу и делаем следующее:

Шаг №1.

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

Шаг №2.

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

Шаг №3.

Теперь после публикации записи нажимаем на время создания в нижней левой части записи и выбираем «ЗАКРЕПИТЬ».

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

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

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

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

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

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

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

Прикладываю видеоролик для закрепления прочитанного -))).

И снова рад Вас приветствовать!

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

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

Вот что у меня получилось.

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

И так. Вот основные шаги:

Продумать основное меню
Выбрать изображение
Фотошоп (без фотошопа как всегда никуда 🙂)
Раскройка изображения
Заливка изображения в альбом контакта

Чтобы активировать свежие записи (для Вашего будущего меню) , нужно зайти в управление сообщества и включить пункт — «Материалы»

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

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

В своём примере я использовал фон девушки, и поместил слева от нее 3 кнопки. Каждая кнопка — имела своё название.

Мое меню состояло из следующих пунктов:

Для внедрение готового изображения в контакт, предварительно его нужно раскроить. Для этого в фотошопе используем инструмент «Раскройка «. Думаю с этим сложностей не возникнет. Там всё просто… На всякий случай, сделал фото 🙂

Выбираем данный инструмент и начинаем «резать». У меня получилось 4 части. (самое простое, что придумал:), хотя можно изрезать его на кусочки)

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

Теперь нажимаем на каждую кнопку (или часть изображения), и присваиваем необходимый адрес (ссылку). Чтобы убрать лишние пробелы нужно использовать тег «nopadding» (в меню Wiki-разметки)

Тег «nopadding» – убирает пробелы между картинками, то есть помогает «состыковать» их вплотную к друг другу.

В результате добавления тега, получилось следующее:

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

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

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

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

А на сегодня всё. До связи!

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

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

Выбираем данный инструмент и начинаем «резать». У меня получилось 7 частей.

Далее заходим в “Файл” – “Сохранить под Web” – выбираем расширение jpeg и качество 100%, жмем “Сохранить”. У нас должно появиться 7 файлов. Все! С фотошопом покончено! Все необходимые работы по созданию меню выполнены. Приступим к установке меню вконтакте. Для этого:

1) Заходим в свою созданную группу. Там находим “Альбомы” – “Добавить” (выделено красным прямоугольником на рисунке 1). Ищем кнопку “Выберите файл”. Нажимаем и загружаем созданные 7 файлов.

Добавление фото в альбом группы вконтакте

Рисунок 1

Добавление фото в альбом группы вконтакте

2) Внимание! У кого не включены «Свежие новости», а по умолчанию они не включены, нужно выбрать «Управление сообществом», найти «Материалы» и включить их (Рисунок 2).

Рисунок 2

3. Наводим мышкой на “Свежие новости” и правее появляется ссылка “Редактировать”, нажимаем на неё (Рисунок 3).

Рисунок 3

4. Появляется окошко как на рисунке 4. Нас интересует кнопка «Режим wiki разметки» (выделено красным прямоугольником». Нажимаем на нее.

Рисунок 4

После этого в пустую область ниже вводим wiki — код, который и отобразит наше будущее меню. У меня он получился следующим (Рисунок 5):

Рисунок 5

Wiki — код нужно ввести точно так и в такой последовательности, как указано на рисунке 5. Дальше Вы уже можете сами поэкспериментировать.

Пример синтаксиса добавления картинки следующий:

[], где

photo-41875814_286789280 – ID загруженной картинки, который можно посмотреть в адресной строке в браузере (рисунок 6).

Рисунок 6

Тег “nopadding” – убирает пробелы между картинками, то есть помогает «состыковать» их вплотную к друг другу.

370px – ширина картинки, смотрим это значение в свойствах файла.

https://www.. То есть по нажатию по данной кнопке, пользователь перейдет из группы в контакте на данный сайт.

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

Вот собственно и все! Мое первое меню создано! Вот так оно выглядит в группе (рисунок 7).

На вопрос «как создать меню для группы ВКонтакте» есть три основных варианта ответа: заказать у специалиста, создать с помощью онлайн-конструктора или повозиться, вникнуть в некоторые тонкости вопроса и сделать все самостоятельно.

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

Итак, вот три пути создания меню:

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

Кстати, для тех, кто предпочитает получать информацию через видеоролики, а не читать длинные тексты, есть видео:

Путь #1. Заказать создание меню у дизайнера-специалиста

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

Путь #2. Использование онлайн-конструктора

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

Путь #3. Сделать все самостоятельно

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

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

Если вы считаете, что вам все это по плечу, то давайте приступим.

Шаг #0. Общие сведения о том, как устроены меню групп ВК

Меню для группы делают из wiki-страниц, создание которых поддерживает ВК. Вики-страницы — это специальные страницы, которые можно создавать только в пабликах. От обычных постов они отличаются тем, что в них можно применять так называемую wiki-разметку. Эта разметка — специальный код, который преобразовывается в объекты дополнительного форматирования. Чтобы было понятнее, поясним. Например, в обычных постах вы можете использовать только простой текст, а вики-разметка позволяет выделять части текста жирным или курсивом. То есть, она вводит дополнительные возможности оформления. В частности — возможность размещать изображения, при нажатии на которые пользователь будет перенаправлен по ссылке. Именно эти дополнительные возможности форматирования и используются для того, чтобы делать меню пабликов ВК. Как именно это делать мы расскажем ниже.

Шаг #1. Подготовительный этап

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

Итак, вы создали новую группу. Давайте теперь узнаем идентификатор (ID) вашей группы. ID группы — это ее уникальный номер ВКонтакте. Зайдите в свою группу и нажмите на «Записи сообщества» (если записей в группе нет, то вместо «Записей сообщества» будет «Нет записей»). В Вы перейдете на новую страницу с адресом такого вида:

https://vk.com/wall-XXX ?own=1

Вместо XXX у вас будет набор цифр (и только цифр!). Это и есть ID вашего сообщества. Например в нашей тестовой группе это 154457305.

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

http://vk.com/pages?oid=-ID_группы &p=Нaзвание_страницы

http://vk.com/pages?oid=-154457305 &p=Меню

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

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

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

http://vk.com/page- ID_группы _XXX ?act=edit&section=edit

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

Шаг #2. Делаем простое меню для группы ВКонтакте

Итак, у нас есть созданная вики-страница «Меню». Перейдите в режим разметки редактора и добавьте следующий код:

Нажмите на кнопку «Предпросмотр», которая находится снизу редактора. Вы должны увидеть список из трех ссылок. Первые две — внешние и ведут на главные страницы «Яндекса» и Google соответственно. Третья ссылка — внутренняя. Она ведет на паблик ВК с ID «1» (это официальная группа ВК для разработчиков). Если у вас в предпросмотре отображается вас код, а не ссылки (на которые можно нажимать) — значит вы ввели код в режиме визуального редактирования , а не в режиме разметки. Будьте внимательны!

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

clubID_группы

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

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

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

Шаг #3. Где можно размещать вики-страницы ВКонтакте

Основных мест два: вы можете создать пост со ссылкой на вики-страницу или разместить ее в разделе «Материалы» вашего сообщества.

Начнем с первого варианта. Начните добавлять новую запись на стене своей группы. Сначала прикрепите к ней любую фотографию. Лучше взять достаточно большую фотографию у которой ширина больше высоты. Затем вставьте в текст создаваемой записи ссылку на созданную вами вики-страницу с простейшим меню. Именно ее мы просили вас записать чуть раньше. Напомним, что ссылка имеет такой вид (у вас будут другие цифры ):

http://vk.com/page-121237693_72827423

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

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

Итак, мы узнали, что вики-страницы можно прикреплять к постам. В частности — к закрепленному посту. Второе место, где можно использовать вики-разметку это раздел «Материалы».

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

Перейдите в этот новый пункт. Нажмите на плашку «Редактировать». В результате вы окажитесь в уже знакомом вам редакторе вики-страницы. Единственное отличие — тут есть поле ввода названия страницы. Поменяйте его со «Свежих новостей» на «Меню2». В режиме редактирования разметки введите следующий код:

«»»Вариант меню для раздела «Материалы»»»»

[]

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

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

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

Закрепленную запись увидят 98% ваших посетителей, а в раздел материалы попадут только 25-40% самых любопытных, а также преданные старые пользователи вашей группы, которые знают, что там находится что-то полезное.
Закрепленную запись с картинкой для вызова меню можно дополнить текстом. Таким образом вы не потеряете эту возможность закрепленной записи. Но переусердствовать тоже не стоит: чем больше текста, тем ниже будет ссылка на открытие вашего меню.

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

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

Шаг #4. Как сделать меню в группе ВКонтакте. Графическое

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

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

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

Наше тестовое меню будет выглядеть так:

Всего две кнопки. Первая будет вести на главную страницу «Яндекса», а вторая — на группу ВК «Команда ВКонтакте».

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

Изготовление вертикального графического меню для группы ВК сводится к следующей последовательности действий:

Первым делом нужно нарисовать меню. Шириной оно должно быть строго 600px (пикселей). По высоте рекомендуем делать меню не более 900px. Результат лучше всего сохранять в формате PNG, в крайнем случае -JPG. Воспользуйтесь знакомыми и удобными вам инструментами для рисования (например Photoshop или GIMP). Результат тут на 95% зависит от ваших творческих и технических умений. Даже если вы совсем не умеете пользоваться графическими редакторами — не отчаивайтесь. Умения, которых будет достаточно приобретаются за максимум пару часов. В интернете есть огромное количество справочной и обучающей информации. Кроме того, умение хотя бы немного пользоваться графическим редактором очень и очень полезно для администраторов пабликов. Вы не потратите время зря.
Далее рисунок с меню нарезается на горизонтальные полосы. Делать это можно любым удобным для вас способом: от привычного многим Photoshop до различных онлайн-сервисов. Если у вас нет идей, как это делается — просто задайте вопрос любимому поисковику. Мы не будем подробно описывать техническую часть процесса нарезания: способов десятки, некоторые подходят одним пользователям, но не подходят другим. При нарезке необходимо соблюдать одно простое правило: высота одной полосы не должна быть менее 60px . Иначе у вас могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: появятся т.н. «белые полосы» между изображениями.
Нарезанные «полосы» загружаются в альбом группы или альбом на странице администратора группы. Мы рекомендуем второй вариант. В любом случае, альбом с нарезанными частями меню должен быть в открытом доступе . Иначе, те пользователи для которых изображения альбома недоступны не увидят ваше меню!
Составляется код вики-разметки, который вставляется в нужную вики-страницу.
В группе размещается закрепленный пост с изображением-ссылкой на вики-страницу с меню. О том, как делается такой пост мы подробно писали выше. Кроме того, код (с небольшими изменениями) может быть добавлен в корневую вики-страницу (пункт справа от пункта «Информация», появляется при разрешении раздела «Материалы». Подробнее — см. выше).

А теперь разберемся с загрузкой частей меню и wiki-кодом подробнее. Мы подготовили для вас . В нем два каталога: «1» и «2». В первом содержатся части самого примитивного и простого варианта нарезки для нашего меню — на две части. Скачайте архив, загрузите изображения (1.png и 2.png) из каталога «1» в новый альбом (у себя на странице или в группе).

У нас две «полосы»: верхняя (с кнопкой «Яндекс») и нижняя (с кнопкой «Команда ВК»). Обе будут изображениями-ссылками. В вики-разметке это делается кодом такого вида:

«ССЫЛКА» — это целевая ссылка. Например, https://yandex.ru/. Кроме обычной внешней ссылки это может быть указание на объект ВКонтакте: пост, страницу пользователя или группу. Например, чтобы после нажатия кнопки происходил переход на сообщество «Команда ВКонтакте» можно указать как его адрес (https://vk.com/team), так и указатель на него (club22822305). В принципе, разницы не будет. Внешние ссылки (те, которые ведут не на ресурсы ВК) мы рекомендуем сокращать с помощью

Виды навигационного меню:

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

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

Многостраничное меню

Многостраничное меню — главная вики-страничка

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

Многостраничное меню — дополнительная вики-страничка

Wiki-лендинг ВКонтакте

Описание компании и ее деятельности
Категории услуг или товаров
Отзывы клиентов через графическое оформление
Видео-записи и промо-ролики
Преимущества работы с Вами
Акции и специальные предложения
Описание услуг или товаров
Популярные статьи в группе
Контакты для связи с Вами
Активную карту с адресом компании
Ответы на часто задаваемые вопросы

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

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

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

Чем отличается меню для паблика и группы ВКонтакте?

Для опытного дизайнера создать меню ВКонтакте не проблема!

Примеры красивого оформления меню

Заказать дизайн группы ВКонтакте — дизайнер Ирина Филипенко

Заказать дизайн меню для группы ВК

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

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

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

Примеры:

Еще

И еще

Ярко, сочно, вкусно. Далее я расскажу вам, как сделать так же.

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

После чего сочетанием клавиш CTRL+R вызываем линейки и расставляем направляющие по краям аватара и закрепа. Для того, чтобы вытянуть направляющую, нужно зажать ЛКМ на линейке и потянуть в сторону нашего макета.

Размер аватара, который мы видим в браузере без масштабирования, 200х500 пикселей. А закреп в таком виде 395х237 пикселей.

Мы сделали разметку, теперь приступим к порезке. Почему сейчас? Да потому, что это уже почти конец моего гайда.
Для порезки нам нужен инструмент «Раскройка» (в англ. версии «Slice tool»)

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

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

После работы над нашим дизайном сохраняем порезанные части с помощью CTRL+SHIFT+ALT+S или Файл->Сохранить для web…

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

Единый блок аватара и меню для группы Вконтакте

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

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

Полезные статьи на похожей тематики:

Забавное видео (местами и не поймешь «фотошоп» или нет)

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

Ставьте лайки, оставляйте комментарии, бросайте маффины или помидоры в нашей группе Ardens. pro. С вами был Роман Литвинов, до скорых встреч в наших кейсах и статьях 😉

Твитнуть

Отправить

Запостить

Отправить

Интересно также:

Как создать меню вконтакте. Делаем скрытое меню открытым

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

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

Я понимаю что фотошопом не все владеют, тогда поищите на просторах интернета просто картинки по теме. Принципиального отличия нет. Просто сложнее картинки подобрать.

Для знатоков фотошопа я описываю процесс в коротком варианте.

Этап1.

Создать в фотошопе новый документ размером приблизительно 700х800 пикселей, залить его белым цветом. Вырезать в слое два окна 200х710 пикселя и 382х442 пикселя простым выделением и командой дел. Хочу уточнить, что высота может и меняться, в зависимости от картинки и Вашего желания. На нижнем слое должна быть нужная иллюстрация. Совместим прямоугольники по низу.

Теперь можно написать нужный текст и поместить кнопки меню в нужное место.

Вы видите, что я создала 2 кнопки.

Правый прямоугольник можно сохранить отдельной картинкой размером 200х710 пикселя. Ее загружаем в правый верхний угол группы, где написано Загрузить фотографию. Левая картинка нуждается в нарезке. У меня получается две, у Вас может быть и больше. Высоту делайте не меньше, чем 50 пикселей.

Этап 2.

Загружаем наши три картинки в альбом странички вконтакте или группы. На странице группы видим Свежие новости и кликаем Редактировать.

Справа, в редакторе, выбираем режим wiki-разметки и вставляем следующее.

и вставляем следующее.

[[photo-номер|размер px;nopadding|ссылка/]]

Для каждой картинки своя строчка. Внимание! Создавать эти записи надо только в текстовом редакторе! Не в ворде. У меня получилось такое.

[[photo-55593982_328727262|382x144px;nopadding|http://vkpluss.ru/]]

[[photo-55593982_328727264|382x88px;nopadding|http://vkpluss.ru/glavnaya/]]

Не забудьте сохранить.

Где брать номер картинки? Если правой клавишей кликнуть по картинке и открыть ее в новом окне, то в браузере увидите номер такого вида https://vk.com/photo156539370_328142608. Это он. Если там будут какие-то еще значки, их не надо учитывать.

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

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

Этап 2.

Если нам не нужное скрытое меню, делаем открытое.

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

Кликайте по вкладке Вернуться к странице. В строке браузера Вы видите чистую ссылку на эту страницу.

Надо ее скопировать.

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

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

Для совмещения картинок надо будет поиграть размерами самих картинок.

Все очень просто! Теперь Вы знаете как создать красивое меню вконтакте.

Удачи!

P.S. Если у вас нет фотошопа, можно скачать бесплатно(без смс и так далее) графическое приложение gimp-org.

P.S. Небольшая тренировка мозга

Когда человек находится дома без головы?

Ответ на задачу

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

http://vkpluss.ru/poleznaya-informaciya/kak-sozdat-menyu-vkontakte-delaem-skrytoe-menyu-otkrytym.html2014-05-10T13:22:20+00:00НадеждаСофт и просто полезноескрытое меню открытым,создать меню вконтакте

Надежда Трофимова[email protected]Блог vkpluss.ru

вики-меню, смм, ведение группы вк

Как создать Вики ВКонтакте: вики-меню, смм

20.01.2019| Quetzal|

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

Где расположено вики-меню

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

Код в Вики разметке

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

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

Структура моего вики-меню ВКонтакте

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

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

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

Я загрузила изображения в отдельный альбом группы. Далее при нажатии на картинку в адресной строке мы видим адрес изображения. Этот же адрес нужно будет вписать в код. В Вики разметке далее посередине обозначены параметры отображения. Обычно рекомендуют писать с noborder и nopadding. Это значит отсутствие границ и отступов. Но я считаю, что noborder там совершенно не нужен, так как результат не меняется. Просто написала nopadding.

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

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

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

Вертикальное меню

В группе «Взгляни на Минск» меню простое и создано в виде вертикальной картинки. Если интересует такой Вариант, то его тоже увидите в коде.

В файле также присутствует некоторое описание основных функций Вики разметки и другие примеры.

Можно просто взять это, скопировать, заменить ссылки на картинки и на рубрики, и у вас получится примерно такое же меню. Что-то удалите, поменяете, выбросите, добавите. Это готовый образец. Скачайте мой код с яндекс-диска:https://yadi.sk/d/wHioBN0GlkAd7Q

Цель вики меню

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

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

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

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

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

Для создания меню в группах и сообществах социальной сети Вконтакте вам понадобится графический редактор. Лучше всего для этого подойдёт — «ADOBE PHOTOSHOP». Сначала нужно установить программу (если её у вас ещё нет), затем начать работу над шаблоном для вашего меню. Размер зависит от того, сколько вам нужно установить разделов.

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

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

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

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

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

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

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

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

Актуальные размеры картинок ВКонтакте

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

А теперь подробнее по каждому пункту.

Размер аватара ВК

Минимальный размер аватара — 200 на 200 пикселей.Если вы попытаетесь загрузить изображение размером менее 200 пикселей в ширину или в длину, вы увидите такую ошибку:

Максимальный размер аватара — 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера — до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их партий не превышало 2: 5.

Покажи на примере.

У меня есть образ. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако я все еще не могу использовать это изображение, потому что «Контакт» не позволяет мне выделить его полностью.

Крышка

Размер обложки для полной версии сайта — 1590 на 400 пикселей.

Примечание: в мобильной версии А в приложениях отображается не полная версия обложки, а только ее 1196 часть размером 400 пикселей. Посмотрите, как он вырезан в мобильном приложении:

Чтобы этого не произошло, разместите основные элементы вашей обложки в пределах 1196 на 400 пикселей.

Прикрепленные изображения

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

Звучит немного запутанно 🙂 Поэтому я покажу вам на примере.

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

Но выглядит как горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):

Как видите, изображение (по высоте) тем меньше оно выглядит в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:

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

Изображения к публикациям со ссылкой

Все эти данные взяты из кода разметки Open Graph:

Если Open Graph не зарегистрирован, заголовок берется из метагеги Title, а изображение — из статьи.При этом его легко изменить — либо выбрать другое изображение из статьи с помощью специальных стрелок:

Или загрузите свой:

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

Картинка к статье, созданной в редакторе

Размер изображения обложки статьи, созданной в редакторе — 510 на 286 пикселей. Лучше, если он будет темного цвета и более-менее однотонным, так как на светлом фоне теряется название статьи и сообщества.

Хороший пример:

Не очень хороший пример:

Размер фото и видео для рассказов

Размер для фото — 1080 на 1920 пикселей. Размер для видео — 720 на 1280 пикселей.

Технические характеристики видео:

до 15 секунд;
не более 5 МБ;
ч.264 кодек;
звук aAC.

В рассказах нужно использовать фото и видео вертикального формата.

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

Размер обложки для фотоальбома

Размер картинки для видео

1280 при 720 пикселях.

Вики-страница

Ширина области содержимого Wiki-страницы составляет 607 пикселей. Если вы загрузите изображение большего размера, оно автоматически загрузит 400 пикселей в ширину. Пример: у меня есть изображение размером 1366 для 768. Если я добавлю его на вики-страницу, то окажется, что:

Для изменения размера картинки нужно нажать и выставить нужные значения:

Как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому на этом они не остановятся.

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

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

Как сделать, чтобы качество картинки не портилось?

Чтобы изображение не лезло (точнее, влезло, но в гораздо меньшей степени) надо сделать это в 2-3 раза больше желаемого размера. Например, если нам нужно сделать аватар размером 200 на 500 пикселей, мы сделаем снимок размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берем 1020 на 800.

Изображение на темно-синем фоне, которое я привел чуть выше, имеет размер 510 на 350. Я сделал его вдвое больше (1020 на 700) и сохранил. Вот что из этого вышло:

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

Как сделать головной убор

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

Крышка

Не так давно Вконтакте представил обновление — теперь можно скачивать большие и красивые обложки (1590 на 400 пикселей). Для этого зайдите в настройки и нажмите кнопку Загрузить.

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

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

Примеры динамических крышек:

Обложка + Описание сообщества + Ссылка на сайт

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

Описание с хештегами

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

Исправлен пост, рассказывающий о какой странице

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

А вот что видит пользователь после того, как перейдет по ссылке:

Открыто групповое меню

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

Вот какой фиксированный пост в шапке страницы Flatro:

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

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

Но что мы видим, когда я нажимаю на него:

Кстати, стоит заметить, что это не единственные варианты. На самом деле на этой картинке можно написать все, что угодно. Главное, чтобы пользователь хотел по нему кликнуть, и он понимал, что после этого ждет. Пример:

Меню переходов для группы

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

Гифка и Аватар в одном изображении

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

Кстати, я заметил этот пример у SMM-маркетолога Сергея Шмакова. Итак, за находку выражаю огромную благодарность 🙂

Скрытое меню

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

Автоматически воспроизводимое видео

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

Как добавить такое видео в шапку своей страницы?

Для этого нужно выполнить три условия:

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

Запись, получившая много репостов

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

Анонсы новых клипов, альбомов, событий

Презентация новых продуктов / услуг

Акции и скидки

Корпуса, отзывы покупателей

Рекламные приложения

Розыгрыши

Правила сообщества

Ссылки на другие социальные сети

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

Что должен Аватар

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

Миниатюрный аватар

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

Текст не должен выходить за рамки миниатюр.

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

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

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

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

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

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

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

Какую информацию можно разместить на миниатюрном аватаре

Несмотря на то, что миниатюра Аватара имеет очень маленький размер, ее можно использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Рассмотрим несколько вариантов:

Объявление о новом продукте / Услуги / События

Преимущества компании / Услуги / Страницы

Телефон организации

Выгодные цены

Бесплатная доставка

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

Акции

Соревнования

Вакансии

Какой должен быть Аватар?

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

Аватар должен быть качественным. О том, как этого добиться, я писал чуть выше. Для тех, кто пропустил эту часть, скажу вкратце — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
Желательно, чтобы аватарка была объединена из меню: была такая же цветовая гамма, были такие же шрифты, элементы и т.д. Благодаря этому ваши страницы будут выглядеть более аккуратно и профессионально. Пример:
Аватар и сам миниатюрный аватар могут быть разными.Например, вы можете нарисовать на аватаре круг, расположить его как угодно, выбрать эту область в качестве миниатюры, а остальная часть аватара выполнена в другом стиле.

Другой вариант — разделить аватар на две части. Один — для миниатюр, а второй — для всего остального аватара.

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

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

Какую информацию можно разместить на аватаре?

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

Домен сайта

Телефон / адрес / время работы

Конкурсы / Акции

Самые покупаемые товары / Новинка

информация о доставке

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

Основные преимущества компании / страниц / товаров и др.

Обновить ассортимент / новое творчество и др.

Информация о том, что ваше сообщество является официальным

Информация о ближайших мероприятиях

Адреса аккаунтов в других социальных сетях

Расширенное описание страницы

Подсумок

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

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

Для того, чтобы объединить аватар и меню, вам понадобится программа Adobe Photoshop или ее аналог. Я объясню весь процесс на примере «Фотошопа». Итак, начнем.

Скачайте шаблон для «Фотошопа», который я специально подготовил для этой статьи.В обычном размере (меню — 510 пикселей по ширине, аватар — 200) или в увеличенном (меню — 1020 пикселей по ширине, аватар — 400).
Откройте изображение, которое хотите взять за основу.
Скопируйте его, вставьте в шаблон и разместите так, как хотите вырезать.

Добавить эффекты, текст, графику и т. Д.

Если вы не хотите потерять часть изображения (в этом пространстве размером 50 пикселей), сдвиньте его вправо, как показано в следующем Gif:

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

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

Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».

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

П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но это значение может быть меньше. Например, как на странице «Wiki-разметка»:

Как использовать виджеты

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

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

Как выдавать изображения к постам

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

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

Где взять хорошие изображения?

В нашем блоге есть хорошая статья на эту тему — «». Все они бесплатные, но какая-то регистрация. Если ничего подходящего для себя не подберете, попробуйте поискать по ключевому слову + обои (или, если по-английски, обои). Обычно в таком запросе есть качественные изображения. Но здесь нужно быть внимательным и проверить тип лицензии, иначе при серьезном бизнесе можно нарваться на неприятности.

А что делать тем, кто не умеет работать в «Фотошопе»?

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

1.Fotor.com.

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

Вставляем его в шаблон, выбираем левой кнопкой мыши, выбираем слой (значок Sandworm) и нажимаем на Move to Bottom. Таким образом, наша картинка вернется на задний план, а все надписи нанесены поверх нее.

После этого меняем текст, шрифт, размер шрифта, расположение надписи и т.д.

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

2. canva.com.

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

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

Выбираем шаблон (если в шаблоне стоит отметка «бесплатно», значит, он бесплатный), меняем текст.

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

Как оформлять статьи в редакторе

В последнее время во «ВКонтакте» можно делать свои статьи в специальном редакторе. Для создания статьи необходимо нажать на букву «Т»:

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

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

Разметка

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

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

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

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

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

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

Типы меню и их особенности

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

для информационной площадки;
;
для учебной платформы.

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

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

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

Весь процесс можно разделить на 2 этапа:

Работа в фотошопе;
Добавление разделов и картинок в самой группе.

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

На первом этапе создается групповой аватар и непосредственно изображения для самого меню. Гармонично будет смотреться единое изображение и для аватара, и для меню.

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

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

Алгоритм действий:

Открываем фотошоп и заходим в «файл» — «Создать» и выставляем ширину и высоту: 760х500 соответственно.

Выбираем инструмент «Вырезание», а затем «разбиваем фрагмент». Делим изображение на 3 части по горизонтали. Для фрагмента с левого или правого края в выпадающем окне (в зависимости от того, какую часть вы хотите видеть на аватаре) напишите значения ширины и высоты — 200хх и Y) — 560 и 0.Это будет групповой аватар.

Для следующего фрагмента задаем значения ширины и высоты — 50х500, а в координатах пишем 510 и 0. Это пробел между группой Аватар и меню. Эта часть не понадобится.

Снова выбираем «разбить фрагмент» и разбить по вертикали на 2 части. Для фрагмента сверху установите значения: ширина — 510, высота — 182, координаты — 0. Это пространство над меню.Эта часть также будет видна в группе.

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

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

Последний шаг — сохранить изображения. Вам нужно сохранять изображения следующим образом: Файл — Сохранить для Интернета. Этот метод подходит для более поздних версий Photoshop. Если в разделе «Файл» надписи «Сохранить для Интернета» нет, то делаем так:

Заходим в пункт «Файл», выбираем «Экспорт» — «Сохранить для Интернета». Все параметры оставлены как есть. Снова нажимаем «Сохранить».

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

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

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

Скачиваем в группу все фото, кроме аватарок и тех частей, которые не понадобятся.Чтобы фотографии отображались на главной странице, нужно вернуться в управление сообществом и нажать на вкладку «Фото» — «Открыть».
Загрузить аватар.
Следующий шаг — включение режима Wiki-разметки. Вы можете сделать это, нажав на значок с ромбиками в правой части страницы в разделе «Редактировать».

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

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

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

Услуги по созданию группового меню

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

Одна из самых популярных услуг — МЕНУМАКЕ.После подачи заявки заказ будет готов через 5 минут, а затем по запросу меню будет добавлено в группу. При этом учитываются все пожелания заказчика по дизайну и количеству секций.

С уважением, Галиулин Руслан.

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

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

Заготовки меню ВКонтакте

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

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

Мое меню будет состоять из трех кнопок:

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

Создание меню

Для создания меню заходим в «Управление сообществом» во вкладке «Информация» находим «Материалы», ставим «ограничено» и сохраняем.
Далее возвращаемся на главную страницу Группы и выше видим надпись «Свежие новости», переходим в этот раздел через «Редактировать».
В открывшемся окне меняем надпись «Свежие новости» в «Меню», например. В пустое поле вводим названия наших страниц — кнопки, слова должны быть заключены в двойные квадратные скобки без пробелов.Каждое имя в новой строке.
Внизу страницы нажмите «Предварительный просмотр» и посмотрите названия «кнопок», которые стали кликабельными.
Сразу в разделе «Доступ к странице» настройте параметры. Вы можете смотреть страницу, которую могут редактировать все пользователи — только администраторы, иначе они будут спамом. Сохраните изменения.
Возвращаемся на главную страницу группы, нажимаем на «Меню» и видим кликабельные названия страниц. Щелкните на стороне «Редактировать».
Следующий шаг — узнать адреса наших страниц — «кнопок». Щелкните в меню «Здоровая спина» и на странице «Здоровая спина» нажмите «Редактировать»
Далее в окне браузера мы видим такой адрес и берем из него только то, что выделено синим цветом. Наш адрес страницы «Здоровая спина» должен выглядеть так: Page- 116040065_52123446, а не: https://vk.com/page-116040065_52123446?act\u003dedit
Откройте все три страницы через «правку» и скопируйте в себя текстовую тетрадь Три адреса.В моем случае это выглядит так:
страница — 116040065_52123446.
Страница — 116040065_52123461
Страница-116040065_52123485.
Далее нам потребуются адреса наших картинок, которые будут выполнять функцию кнопок. Для этого загрузите подготовленные картинки в альбом личного кабинета и в настройках закройте его от просмотра, чтобы эти нарезанные картинки не видел никто, кроме вас. Если скачать их в альбом группы, то увидеть в них будет все, что на мой взгляд не совсем эстетично.
Когда вы загружаете все изображения в альбом, придумав его название и отредактировав для конфиденциальности, затем щелкните все изображения и перезапишите адреса этих фотографий.
Для этого смотрим в адресную строку браузера. Скопируйте нужную часть и вставьте в рабочий учебник. Адреса изображений должны иметь такой вид:

В моем случае адрес верхнего изображения имеет такой вид:
photo18
15_337249677
Заходим в меню через «Редактирование», спускаемся вниз по текстовому меню и наверх прописываем адреса наших страниц — кнопок.Это будет выглядеть так, пример моей страницы:
[]
Для наглядности посмотрите фото:

Я указал цифрами то, что отвечает и обозначает:
1 — это адрес нашей картинки;
2 — это ширина картинки, что означает ширину нашего меню, эту цифру можно менять, но идеальный размер 388 пикселей. Эта цифра должна быть во всех трех рядах Одинака;
3 — это текст « noborder; nopadding » отвечает за то, чтобы между изображениями не было промежутков, что было бы цельным изображением;
4 — это наш адрес страницы нашего меню
Чтобы не ошибиться, вы можете скопировать мой образец и ввести там адреса своих изображений и страниц.
Нижнее текстовое меню под цифрой 5 удалите (удалите) и нажмите «Предварительный просмотр» ниже. Видим ваше красивое меню — сохраните страницу.
Заходим на главную страницу группы, обновляем ее и нажимаем на «Меню». Все! Наше меню готово! Нажимая на надписи, мы попадем на страницы. Пока они пустые, но все время свое.

Полезная информация о группе ВКонтакте:

Оставайтесь на связи и подписывайтесь на последние новости.
Успехов и удачи!

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

Как создать меню группы ВКонтакте: технический этап

Итак, с назначением группового меню разобрались, переходим к технической части. Зайдите в Настройки: Управление сообществом> Материалы> Подключиться:

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

Перейдите на вкладку «Правка» (1), замените название меню (2), мы введем вашу информацию (3), сохраним ее и вернемся на страницу (4).

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

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

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

Как видите, я подготовил информацию в вордовском документе, произвел редактирование (выделение) текста, добавил ссылки и просто вставил этот текст в меню «Редактирование» группы ВКонтакте.

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

Если вы перейдете в меню моей группы к приложению, то увидите, что одни ссылки ведут на внутренние страницы (2), другие на внешние (1):

Добавлю в реальном времени еще одну внутреннюю страницу:

Итак, у нас появилась новая (внутренняя) страничка в нашей группе ВКонтакте. Теперь нам нужно его заполнить:

Нажмите кнопку «Заполнить содержимое».
Заполните группу содержимого. Отредактируйте это.
Настроить «Доступ к странице». Если вы заметили, что только члены группы могут просматривать страницу, это будет мотивировать посетителей присоединиться к группе. Сохраните страницу.
Скопируйте желаемые записи в адресную строку. Страницы, которые только что сохранены. Для этого переходим в режим «Просмотр» и копируем ID страницы — это будут те циферы, которые нам нужны.
Вернуться на страницу «Исходный код» меню группы ВКонтакте (рекомендую не закрывать ее при создании новой страницы… Хотя он должен был быть открыт для вас) и вставьте числа в нужную строку. Между текстом ссылки (Марина Лазарева (видео)) и самой ссылкой (43820829) установите знак «|» значок (находится на английской раскладке клавиатуры, клавиша SHIFT + \\).

красивых украшений Группы ВКонтакте

Это видео, после просмотра которого я понял как сделать меню группы ВКонтакте Самостоятельно.Автор на реальном примере Показывает, как создать меню группы ВКонтакте.

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

Dropbox, читайте об этом на страницах DragonBlog.

С уважением и любовью, !

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

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

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

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

А вот пример неудачного решения:

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

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

А теперь давайте посмотрим на все это с технической точки зрения.

Создайте меню для группы ВКонтакте

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

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

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

Тогда напишите в фоновой картинке заранее продуманные разделы, кнопки и номера телефонов. В дальнейшем превращаем их в ссылки:

Чтобы сделать разрезы максимально точными, нужно использовать вспомогательные линии, нажав Ctrl + R.Наведите указатель мыши на верхнюю линию и перетащите ее примерно так:

Последним шагом будет вырезание объектов. Для этого нажмите кнопку «Froge Guides» (фрагменты из направляющих) на верхней панели Инструменты:

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

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

Показать меню с вики-разметкой

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

После этого в группе появится вкладка «Свежие новости». Нажмите на кнопку «Редактировать», вы перейдете в текстовый редактор:

Вместо стандартного заголовка зарегистрируйте свой, а также включите режим вики-разметки, нажав на значок ромба:

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

[[Photo133337_133701019 | 370px; nopadding; | страница- 13333337 _13333337]]

Вместо значения «photo133337_133701019» нужно вставить ссылку на фотографию

Вместо значения «Page-13333337_1333337» нужно вставить ссылку на нежелательную страницу или раздел группы

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

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

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

), сделайте меню.

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

Создание красивой графики

В новом дизайне сайта ВКонтакте изменены размеры на графику.Ниже вы найдете текущие значения.

Аватар группы — 200 × 300 пикселей
Баннер в описании — 510 × 271 Pix

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

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

Для начала загрузки аватара. Заходим в группу, и нажимаем «Загрузить фото».

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

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

Идем по стене. Здесь в блоке «Добавить заметку» нажмите на значок «Фото».

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

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

Теперь обновите страницу и посмотрите результат.

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

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

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

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

Открываем нашу картинку в редакторе, и активируем инструмент «Вырезка».

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

Теперь нажмите Alt + Ctrl + Shift + S, чтобы сохранить готовые изображения.

https://vk.com/pages?Oid\u003d-120208137&p=May

Смотрите, после символов «ODI = -» нужно вставить ID своей группы (см.). А в самом конце ссылки напишите название своей страницы из меню. В этом примере мы выйдем из «Меню».

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

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

Далее переходим в раздел «Редактирование». Здесь для каждого изображения нам нужно убрать отступы, чтобы они сливались в единое изображение. Для этого добавьте это значение «nopadding;» . И добавьте ссылку на нужную страницу или сайт, произнося значение «https://site.ru/page.html» (укажите свои адреса!). В нашем примере кнопка «Еще» должна вести на сайт сайта. Вот что должно произойти.

[] []

Сохраните страницу. Не забудьте скопировать его из адресной строки.Должен быть вид:

https://vk.com/page-120208137_52523487.

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

Это меню произошло в конце концов.

Создать меню в Pilube ВКонтакте своими руками

Здравствуйте дорогие читатели, как и обещал, продолжаю осваивать Aza Creating Menu для сообществ ВКонтакте. И сегодня я решил сделать красивое меню в своем паблике вконтакте.Также вы можете прочитать в одной из моих прошлых статей — где вы можете изучить Wiki-разметку и некоторые основы создания страниц в сообществах ВКонтакте, без которых ни группа, ни паблик вконтакте сделать привлекательными для посетителей вряд ли получится.

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

Зачем начинать создавать меню в паблике вконтакте? Это, пожалуй, самый главный вопрос, который задают себе ВКонтакте большинство владельцев Паблика, задумываясь о том, как сделать меню? Ответ, как часто бывает, простой — ВКонтакте предусматривает создание публичных вики-страниц с разметкой Wiki (я писал в предыдущей статье в учебнике по разметке Wiki).Для начала, для создания публичного меню ВКонтакте, я сделаю новую страницу в своём паблике с разметкой Wiki.

http://vk.com/pages?Oid\u003d-xxx&p\u003d_naviting_strant

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

http://vk.com/wall-46864771?own=1

Где числа 46864771 и ID моего паблика vkontakte, итак, делаю ссылку для создания страницы меню:

http: // vk.com / pages? Oid = 46864771 & p =May

Я запускаю эту строку в вашем браузере. И так, передо мной новая страница моего паблика вконтакте, которую я буду использовать для создания меню для паблика.
Далее нажимаю -> Заполнить контент, и начинаю создавать свое меню Паблик ВКонтакте. Также не забываю сделать один важный шаг, ограничить доступ всех подписчиков паблика к редакции этой страницы (на всякий случай). В правом нижнем углу нажимаю -> доступ к странице, ставлю нужные галки и сохраняю.
Теперь мне оставалось самое сложное — создать публичное меню вконтакте — фактически, используя знания Photoshop и разметку Wiki, чтобы сделать меню для моего публичного доступа. А когда закончу редактировать страницу меню, можно будет сохранить в правом верхнем углу редактора -> вернуться на страницу. В ссылке появляется строка браузера, которая нужна для вставки меню в Cuppet ВКонтакте.

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

http: // vk .com / page-46864771_44676832.

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

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

Посмотреть, какое меню паблика vkontakte мне удалось, можно посмотреть, посетив

Шаг 1
Для начала заходим в мою группу и в блоке «Свежие новости» (в данном случае я переименовал его в «Меню») нажимаем ссылку «Редактировать», которая появляется при наведении курсора.Важный! Во-первых, у вас должна быть открытая группа, а не страница. Так как на странице этого пункта просто нет. И второе, в меню «Управление сообществом»> «Информация»> «Материалы» должен быть выбран пункт «Открыть».

Шаг 2.
Во вкладке Редактирование пишем фразу [[теория веб-дизайна]] в двойных квадратных скобках. Затем нажмите кнопку «Сохранить страницу».

Шаг 3.
После этого рядом с кнопкой появится ссылка «Предварительный просмотр», и нажмите на нее.Предварительный просмотр нашего меню появится ниже, где мы видим «Теорию веб-дизайна», появившуюся ниже.

Шаг 4.
Щелкаем по этой ссылке и переходим на созданную страницу с названием «Теория веб-дизайна». После нажатия на ссылку «Наполнить содержанием». Далее редактируем текст как в обычном текстовом редакторе — вставляем картинки, тексты, видео и другие объекты. При этом наша созданная страница будет иметь URL-адрес типа https://vk.com/page-15865937_43819846.

Альтернативный способ создания внутренней страницы
Есть альтернативный способ создания страницы.В основном он подходит для публичных страниц (публичных страниц), так как не подходит для описанного выше метода. Для этого мы воспользуемся вот таким кодом.
http://vk.com/pages?Oid\u003d-xxx&p\u003d_naviting_strant
Где вместо XXX подставим идентификатор нашей группы, а вместо текста «имя страницы» напишем меню. Теперь вам нужно узнать идентификатор группы. Как это сделать? Заходим на главную страницу группы и смотрим записи на нашей стене — прямо под блоком «Добавить запись» будет написано «Все записи» — нажимаем на эту ссылку.

Перейдите на страницу и посмотрите URL-адрес этого типа https://vk.com/wall-78320145?own=1 , где числа 78320145 в этом примере — это идентификатор группы. Подставляем наши данные в исходный код и получаем запись такого типа: http://vk.com/pages?Oid=-78320145&p\u003dMay (С вашими номерами!). Вставьте эту строку в адресную строку браузера и нажмите ENTER. Итак, мы создали новую страницу ВКонтакте.

Здравствуйте, мои любимые!

Сегодня я подробно расскажу как сделать меню для группы вконтакте .По моему опыту меню в группе в контакте Увеличивает количество звонков и заявок на 20%. Важно учесть вопрос создания группового меню. Поэтому я подготовил для вас шаблон меню PSD, чтобы облегчить вам работу.

Начну с того, что сегодня есть два пункта меню:

Вариант 1: Меню закрытой группы

Закрытое меню открывается при переходе по ссылке. В приведенном ниже примере меню открывается при нажатии на «Открыть меню группы!» Ссылка на сайт.

Вариант 2: Открыть меню группы (фиксированная должность)

Открытое меню — это по сути фиксированный пост с активной ссылкой.

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

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

Как сделать открытое меню вконтакте

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

Чтобы вам было проще ориентироваться, я подготовил для вас шаблон меню PSD : [Внимание.Изменился дизайн ВКонтакте. Новый макет и другая актуальная информация в]

Шаблон группового меню PSD

Для создания внешнего меню необходимы 2 картинки: аватар (справа) и центральная (картинка-действие).

Размеры аватара: 200 x 332 пикселей

Размеры центрального рисунка: 395 x 282 пикселей

Шаг 1.

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

Шаг 2.

Зайдите в свою группу в «Управление сообществом» (прямо под аватаркой). Найдите пункт «Материалы» (на вкладке «Информация» и сделайте их «ограниченными».

Шаг 3.

Теперь вернитесь на главную страницу вашей группы и нажмите «Редактировать» в появившемся блоке «Материал» (я уже переименовал меню группы).

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

Шаг 4.

В моем примере https://vk.com/page-42211349_47355854,

Первые числа 42211349 — это ID вашей группы

Второе число 47355854 — это идентификатор страницы

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

Шаг 5.

И опубликуйте запись.

Шаг 6.

Теперь скачайте Аватар группы (рисунок справа). На стене будет дубликат фотографии Аватара — удалите его.

Шаг 7.

А теперь внимание. Нажмите на время публикации записи (левый нижний угол поста).

И нажимаем «Закрепить». Закройте это окно и обновите страницу своей группы (F5).

Шаг 8.

Пишем статус группы (используем только 1 строку) для выравнивания картинок, если картинка на аватаре начинается не сверху (в моем шаблоне аватара вариант 2).И вот что мы сделали:

Результат.

Меню готово! Теперь, когда вы нажимаете на центральную картинку, открывается ваше меню:

Здесь можно редактировать, шевелить фото, видео, создавать новые разделы, размещать ссылки.

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

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

Напишите свои вопросы или мнения в комментариях ниже.

Учитывая, что это меню находится не в группе, а на странице (Public) ВКонтакте, я решил показать вам, как все это делается! Давно уже колотили вопросами: как сделать меню в паблике, как сделать так, чтобы меню было открыто, как сделать клип и т.д .. вот инструкция!

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

Меню в публичном доступе? Проще простого!

Перечитайте еще раз Статьи: А теперь воспользуемся этими знаниями!

3 шага к красивому публичному меню!

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

Шаг № 1: Создайте внутреннюю страницу меню

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

Вариант 1: (Нормальный)

http: // vk.com / pages? Oid = Xxx & p =. Navigation_strant

, где xxx — идентификатор вашей публичной страницы,

и «Имя Савраиста» — любое слово на этой странице будет называться

Вариант 2: (облегченный, но)

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

Это меню вики-кода

Внимание! Если вы до сих пор не умеете создавать визуальные меню в контакте, повторяю, статья! Если все в порядке.Что у вас получится, как на подобной картинке:

А это готовая страница меню

Шаг 2: Создайте сообщение на стене

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

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

Итак, теперь мы должны удалить ссылку из «тела» поста (прикрепленная страница останется) и добавить к посту картинку , которую увидят подписчики. Фишка в том, что если в одной записи есть ссылка и изображение, то при нажатии будет выполняться картинка по ссылке ! Все гениальное всего!
Картинка может частично или полностью повторять само меню, тут вам уже решать.Если вы заказываете публичное меню, то вам понадобится баннер, т.е. картинка, которая будет висеть в клипе. Вот что мы получаем при публикации поста:

Картинка повторяет меню и привлекает внимание посетителей к странице

Шаг № 3: Исправить столб

Наконец-то мы все готовы и вывешиваем пост с картинкой и ссылкой на стену! Теперь нам нужно перенести это в шапку группы, закрепить пост по главному, что-то сделать… Для этого нажимаем на дату / время поста (для каждого поста есть дата публикации), попадаем на внутреннюю страницу поста, листаем ее вниз и ищем кнопку «Исправить» «Смотреть в картинку, которую нужно найти:

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

vk.com/frilkacom

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

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

У меня все есть! Делитесь статьей с друзьями, добавляйте в избранное и следите за обновлениями блога, чтобы не пропустить новые интересные статьи!

Какие продукты Вконтакте, стоит ли пользоваться? Как создать интернет-магазин ВКонтакте Что нам нужно.

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

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

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

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

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

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

В целом преимущества показа товаров ВКонтакте очевидны!

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

Шаг № 1

Первое, что вам нужно сделать, чтобы настроить витрину для продуктов в вашей группе, — это нажать кнопку «Управление сообществом», которая должна быть прямо под аватаром группы.

Ну, примерно так же, как у меня.

Шаг № 2

И мы попадаем на страницу с информацией, на которой внизу есть пункт «Товары».

Они отключены по умолчанию и должны быть включены вручную.

Щелкните слово «Отключено» и измените его на «Включено».Этих действий достаточно для группы.

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

Шаг № 3

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

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

И самое главное — заполните описание самого магазина.

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

Шаг № 4

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

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

Если вы нажмете на «Товары» — вы попадете в полный список ваших товаров.

Там же можно будет создать «Выбор продукта». Давайте приступим к этому сейчас. Щелкните «Продукты».

Шаг № 5

И попадаем на страницу с товарами.Здесь нужно выбрать вкладку Коллекции.

Они нужны, например, для группировки продуктов по категориям.

Шаг 6

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

Ставим галочку «Это основная обложка». И нажмите «Создать».

Кстати, размер картинки для обложки должен быть не менее 580х320.

Шаг 7

Нажав на кнопку «Создать», мы попадаем на вкладку созданной нами коллекции.

А теперь наполним его товарами.

Для этого нажмите кнопку «Добавить продукт».

Шаг 8

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

Кстати, фото должно быть не менее 400 баллов, максимум — 7000 баллов с одной стороны.

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

Шаг 9

ВК дает нам отличную возможность скачать несколько товаров на один товар (до 4 дополнительных).

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

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

После того, как все готово, определяем стоимость товара и нажимаем «Сохранить».

Шаг 10

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

Выбор выглядит так.

Шаг 11

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

Шаг 12

Вы можете нажать «Связаться с продавцом», если хотите обсудить какие-либо подробности о продукте или условиях. Эта кнопка специально разработана для увеличения продаж.

При нажатии открывается простое диалоговое окно в самом Вконтакте.

Шаг 13

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

Ну или удаление. Обе эти функции являются возможностями администратора.

Шаг 14

Кроме всего прочего, ВК не поленился создать фильтрацию по цене и дате добавления товара.

Это наверное на тот случай, если товаров действительно много.

Шаг 15

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

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

Конечно, все пользователи ВК могут поделиться своими товарами с друзьями — это очень круто!

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

Напишите в комментариях, будет ли вам интересно, стоит ли описывать в статьях или в видеоформате?

На этом все, заранее спасибо за комментарии. Спасибо.

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

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

В этой инструкции вы найдете план по созданию собственного интернет-магазина ВКонтакте.

Что нам нужно

Во-первых, мы. Именно к ней мы свяжем наш магазин.

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

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

Откроется форма, в которой нужно ввести имя и выбрать тип «Группа».Затем нажмите кнопку «Создать сообщество».

Использование приложения для создания магазина

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

https://vk.com/app1800176

За ним. Вы увидите стартовую страницу.

Нажимаем кнопку «Установить приложение».

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

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

Адрес электронной почты
Пароль
Подтверждение пароля

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

Далее нам нужно сделать следующее.Будет специальная ссылка — нам нужно ее скопировать. А затем вставьте группу, которую мы подготовили на предыдущем шаге, в список ссылок. Описание будет содержать ссылку, нажав на которую, вы сразу перейдете к нужному инструменту.

Открытие нашего магазина

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

В первом разделе мы указываем условия приема оплаты и доставки товара.

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

Когда закончите, нажмите кнопку «Сохранить».

Потом возвращаемся чуть выше, и нажимаем кнопку «Управление магазином».

Наполнение интернет-магазина

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

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

Заключение

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

Вопросы?

Задайте свой вопрос в комментариях с описанием возникшей проблемы

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

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

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

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

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

Добавление товаров на страницу Вконтакте

Если вы хотите добавить товары для продажи прямо в свой профиль, то перейдите на свою страницу и выберите «Товары» в меню слева.

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

В окне «Элементы настройки» на вкладке «Общие» установите флажок рядом с «Продукты» и нажмите «Сохранить».

На странице сразу откроется список того, что продают ваши друзья. Нам нужно разместить наш участок, поэтому нажмите кнопку «Подать объявление».

Теперь нужно выбрать фото, которое будет отображаться в каталоге (как на скриншоте выше) — это обложка.Для этого нажмите «Выбрать изображение».

Найдите нужное фото через проводник, выберите его и нажмите «Открыть».

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

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

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

Чтобы увидеть список объявлений, добавленных на вашу страницу, перейдите в соответствующий пункт меню слева, а справа перейдите на вкладку «Мои продукты». То, что мы только что добавили, появится в списке.

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

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

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

Как делать товары в группе ВК

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

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

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

В меню справа перейдите на вкладку «Разделы» и напротив поля «Товары» нажмите на слово «Отключено». Затем выберите «Включено».

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

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

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

С помощью проводника найдите фотографию на своем компьютере, выберите ее и нажмите «Отправить».

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

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

Все товары, добавленные в группу, будут отображаться на главной странице группы.

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

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

Чтобы добавить новые элементы в группу, нажмите на слово «Товары» на главной странице группы.

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

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

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

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

Подтверждаем удаление.

После этого появится сообщение о том, что лот успешно удален, и он исчезнет из списка.

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

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

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

Блок, в котором показывалась реклама на главной странице группы, исчезнет.

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

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

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

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

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

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

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

Как создать меню вконтакте: Attention Required! | Cloudflare

Меню группы вконтакте — как создать и добавить в группу ВК. Примеры наших работ по оформлению картинки меню.

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

Из чего делается меню вконтакте?

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

Группы с красивым меню вконтакте.

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

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

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

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

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

Мое меню состояло из следующих пунктов:

Путь #1. Заказать создание меню у дизайнера-специалиста

Путь #2. Использование онлайн-конструктора

Путь #3. Сделать все самостоятельно

Шаг #0. Общие сведения о том, как устроены меню групп ВК

Шаг #1. Подготовительный этап

Шаг #2. Делаем простое меню для группы ВКонтакте

Шаг #3. Где можно размещать вики-страницы ВКонтакте

Шаг #4. Как сделать меню в группе ВКонтакте. Графическое

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

Единый блок аватара и меню для группы Вконтакте

Забавное видео (местами и не поймешь «фотошоп» или нет)

Интересно также:

Как создать меню вконтакте. Делаем скрытое меню открытым

вики-меню, смм, ведение группы вк

Как создать Вики ВКонтакте: вики-меню, смм

Где расположено вики-меню

Код в Вики разметке

Структура моего вики-меню ВКонтакте

Вертикальное меню

Цель вики меню

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

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

Актуальные размеры картинок ВКонтакте

Размер аватара ВК

Крышка

Прикрепленные изображения

Изображения к публикациям со ссылкой

Картинка к статье, созданной в редакторе

Размер фото и видео для рассказов

Размер обложки для фотоальбома

Размер картинки для видео

Вики-страница

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

Как сделать головной убор

Крышка

Обложка + Описание сообщества + Ссылка на сайт

Описание с хештегами

Исправлен пост, рассказывающий о какой странице

Открыто групповое меню

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

Меню переходов для группы

Гифка и Аватар в одном изображении

Скрытое меню

Автоматически воспроизводимое видео

Как добавить такое видео в шапку своей страницы?

Запись, получившая много репостов

Анонсы новых клипов, альбомов, событий

Презентация новых продуктов / услуг

Акции и скидки

Корпуса, отзывы покупателей

Рекламные приложения

Розыгрыши

Правила сообщества

Ссылки на другие социальные сети

Что должен Аватар

Миниатюрный аватар

Какую информацию можно разместить на миниатюрном аватаре

Объявление о новом продукте / Услуги / События

Преимущества компании / Услуги / Страницы

Телефон организации

Выгодные цены

Бесплатная доставка

Акции

Соревнования

Вакансии

Какой должен быть Аватар?

Какую информацию можно разместить на аватаре?

Домен сайта