Настройка приложения для онлайн-записи в Вконтакте

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

Создание приложения

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

Быстрый переход осуществляется по ссылке https://vk.com/editapp?act=create

  1. Ввести название приложения, выбрать:
    • Платформа – Встраиваемое приложение
    • Тип – Приложение сообщества
    • Категория – Прочее
  2. Нажать Перейти к загрузке приложения. Откроется окошко.
    • Нажать Получить код. На телефон, к которому привязан к аккаунту, придет СМС с кодом.
    • Ввести код в этом же окошке.
  3. Попадаете на управление приложением.
    • В пункте Группа приложения выбираете нужную группу.
    • Если у вас есть логотип, то загрузите иконку 16х16 для приложения, квадратную обложку 150х150 (ниже) и квадратную обложку для каталога 256х256.
  4. Переходим в левом меню в пункт Настройки.
    • Состояние – Приложение включено и видно всем
    • Тип приложения – IFrame
    • Адрес IFrame – сюда вставляете ссылку на виджет, которая формируется в Меню → Возможности → Онлайн-запись 4 шаг  https://klientiks.ru/app/xxx где xxx – название вашей компании
    • Размер IFrame: 650 х 600 (максимальная ширина 1000, максимальная высота 4050)
    • Нажать Сохранить изменения.

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

Пример настроенного приложения:

 

Настройка формы онлайн-записи

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

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

1. В Клиентикс перейдите в раздел Меню → Настройки → Настройки шаблонов форм.

2. В окне "Шаблон онлайн-виджета" в 3 строку в стили необходимо добавить код: "top:35px !important;"

Таким образом, чтобы строка из вида:

<div class="m-appointment_cr" style="color: {{color}};">

приобрела вид: <div class="m-appointment_cr" style="color:{{color}};top:35px !important;">

 

 

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Еще есть вопросы? Отправить запрос

0 Комментарии

Войдите в службу, чтобы оставить комментарий.
На базе технологии Zendesk