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

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

Как добавить приложение

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

Чтобы попасть в раздел ВКонтакте для разработчиков, перейдите по ссылке vk.com/dev. В верхней части страницы щелкните по ссылке «Мои приложения», а затем, чуть ниже на новой странице – по кнопке «Создать приложение».

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

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

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

Откроется раздел с информацией о приложении. Здесь нет ничего сложного, всё можно заполнить так, как на скриншоте:

Главное – это не забыть выбрать группу, в которую будет добавлена кнопка для запуска магазина. Текст кнопки устанавливается параметром «Название кнопки в сообществе». Сохраните все данные и перейдите в раздел «Настройки».

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

Чтобы получить ссылку на приложение потребуется посетить панель управления аккаунтом на сайте Beatmaker.tv. Конструктор виджетов находится в разделе «Настройки профиля» -> «Виджет» или попросту по ссылке beatmaker.tv/Affiliate/Partner/BannersAndWidgets. Всё, что нужно взять на этой странице – это содержимое поля «для https адреса iFrame».

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

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

Теперь можно проверить работоспособность приложения: откройте новую вкладку в браузере и перейдите в свою группу: под шапкой сообщества (или аватаром, если шапка не загружена), будет красоваться блок с кнопкой для запуска приложения:

Однако это не совсем всё: последним этапом можно настроить внешний вид приложения – загрузить для него красивую иконку, например. Снова перейдите в раздел «Мои приложения», откройте редактирование приложения и загрузите иконки для вашего магазина:

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


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