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

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

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



В качестве примера - меню страницы @loveandtech, версия 2014 года.

Графическое меню страницы vk.com/loveandtech

Раскрытое меню @loveandtech

С появлением конструктора виджетов появилась возможность сделать меню открытым, без использования вики-разметки (на примере сообщества vk.com/loveandtech, представляем пошаговую инструкцию создания навигации разделам группы и по хэштегам ВК, используя конструктор вижетов. Для этого нам нужно:

1. Подключить конструктор виджетов https://vk.com/widgets_constructor в группу ВК

Раздел "Приложения" в настройках сообщества

2. Разрешить доступ к разделам сообщества в настройках приложения и следовать дальнейшим инструкциям:

Настройки "Конструктора виджетов"

3. Создать первый виджет:

Настройки "Конструктора виджетов"

4. Выбрать тип "Компактный список":

Настройки "Конструктора виджетов"

5. Переходим в рабочую область приложения и начинаем настройку виджета:

Настройки "Конструктора виджетов"

- Задаем заголовок виджета, заголовок пункта меню, добавляем иллюстрацию (150*150 px.);
- Называем кнопку, назначаем ссылку;
- Добавляем нижнюю ссылку виджета;
- При необходимости создаем еще один пункт меню и задаем заголовок, иллюстрацию, назначаем ссылку.
6. В конечном итоге, рабочая область может выглядеть вот так:

Настройки "Конструктора виджетов"

* В данном меню каждый пункт - ссылка на определенный раздел ВК (по #хэштегу).
Так, первая ссылка ведет на раздел ВК #mood_techno.

для того ,чтобы указать фирменный хэштег и отображать только записи, связанные с конкретным сообществом, нужно после #хештег добавить @название соощества - и получится (например) #mood_tech@loveandetch - только записи из сообщества + записи со ссылкой на сообщество. 

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

vk.com/loveandtech

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

Настройки приложения "Конструктор виджетов"