Установка виджета онлайн записи Med.me¶

Переменные адресной строки¶

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

{% hint style="warning" %} Регистр букв (строчные или прописные) в названиях свойств и значениях важен! {% endhint %}

BUSINESS_ID¶

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

http://widget.med.me/?BUSINESS_ID=4000000006308

Так, например, во фрагменте скриншота выше код бизнеса равен 4000000006308.

NETWORK_ID¶

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

https://widget.med.me/?NETWORK_ID=311

Так, например, во фрагменте скриншота выше код сети равен 311.

resource¶

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

https://widget.med.me/category?
    business=4000000006274&
    resource=5b92930d7220331540a1d852&
    route=r|l|c|sc|s&
    lang=ru-ru&
    NETWORK_ID=311

Так, например, во фрагменте скриншота выше код работника равен 5b92930d7220331540a1d852.

taxonomy¶

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

https://widget.med.me/resource?
    business=4000000006277&
    taxonomy=9217266&
    route=c|sc|s|l|r&
    lang=ru-ru&
    NETWORK_ID=311

Так, например, во фрагменте скриншота выше код услуги равен 9217266.

BACKGROUND_MEDIA¶

Можно изменить видео на фоне, добавив GET параметр BACKGROUND_MEDIA=https:// с закодированной ссылкой на видео. Так же можно присвоить GET параметру BACKGROUND_MEDIA= пустое значение, что скроет видео на фоне.

Пример закодированной ссылки на видео:

https://widget.med.me/?
    NETWORK_ID=311&
    BACKGROUND_MEDIA=http%3A%2F%2Fcdn.gbooking.ru%2Flandscape-757.mp4

Установка виджета на сайт¶

Виджет Gbooking / MedMe устанавливается на страницу сайта двумя способами

встраивание на страницу
отображение по нажатию на кнопку

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

Чтобы добавить кнопку GBooking, нужно дополнительно добавить внутри тега <head></head> в HTML-коде страницы, на которой вы хотите установить виджет, следующий код:

<link rel="stylesheet" href="https://cdn.gbooking.ru/widget/new/js/gbooking_style.css">

Добавляем внутри тега <head></head> в HTML-коде страницы, на которой вы хотите установить виджет код для загрузки виджета, а так же код настройки виджета:

<script src="//cdn.gbooking.ru/widget/js/gb_loader.js"></script>

<script type="text/javascript">
    var gbookingWidgetSetup = {
      preload: true,
      networkId: '311',
      txt: 'Записаться',
      visible: true,
      color: 'green',
      backgroundMedia: 'https://cdn.gbooking.ru/widget/doctor_img.png,
      font: {
        name: 'Proxima',
        regular: 'ProximaRegular',
        medium: 'ProximaMedium',
        bold: 'ProximaBold'
      },
      widgetWrapperId: 'widget-wrapper'
    };

    var openGbookingWidget = GBooking.openWidget;
</script>

{% hint style="info" %} Используйте свойство businessId вместо свойства networkId для одиночного бизнеса. {% endhint %}

Свойства виджета:

Название	Описание
preload	если стоит значение `true`, виджет будет загружаться вместе с сайтом, если `false` - то при нажатии на кнопку
txt	текст в круглой кнопке
color	цвет круглой кнопки
visible	значение `true`, показывать круглую кнопку в нижнем правом углу экрана, `false` - не показывать кнопку
backgroundMedia	путь до картинки или видео заднего фона виджета
font	изменение шрифта текста (шрифт должен быть предварительно добавлен разработчиками)
widgetWrapperId	`id` атрибут элемента, внутрь которого вставляется виджет. Если свойство не задано, виджет будет отображен в собственном модальном окне

{% hint style="info" %} Для ускорения отображения виджета по нажатию кнопку рекомендуется установить значение параметра preload: true. {% endhint %}

Чтобы виджет запускался по клику на кнопку или ссылку, нужно оформить её следующим образом:

Для нетворка

<a href="javascript:void(0);"
   onClick="openGbookingWidget({networkId: '311'})">
   Записаться
</a>

Для бизнеса

<a href="javascript:void(0);"
   onClick="openGbookingWidget({business:'4000000004161'})">
   Записаться
</a>

Чтобы виджет автоматически отображался на странице Вашего сайта, вставьте в нужном её месте (внутри тега <body></body>) следующий код

Для нетворка

<iframe
      src="//widget.med.me/?NETWORK_ID=222"
      width="685px"
      height="530px"
      frameBorder="0"
      scrolling="no"/>

Для бизнеса

<iframe
      src="//widget.med.me/?BUSINESS_ID=4000000004161"
      width="685px"
      height="530px"
      frameBorder="0"
      scrolling="no"/>

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

Например, прямую ссылку вы можете опубликовать на стене своей страницы ВКонтакте или Facebook. Публикуемая ссылка должна выглядеть так:

Для нетворка

https://widget.med.me/?NETWORK_ID=311

Для бизнеса

https://widget.med.me/?BUSINESS_ID=4000000004161

Открыть виджет на определенном шаге¶

{% hint style="info" %} Указанные примеры приведены для нетворка. Для одиночного бизнеса замените параметр networkId на business. {% endhint %}

На главном экране филиала¶

<a href="javascript:void(0);"
   onClick="openGbookingWidget({
      business: '4000000004105'
   })"
>Записаться</a>

На услугах сети¶

<a href="javascript:void(0);"
   onClick="openGbookingWidget({
          networkId: '311',
          screen: 'category'
       })"
>Записаться</a>

На всех работниках сети¶

<a href="javascript:void(0);"
   onClick="openGbookingWidget({
          networkId: '311',
          screen: 'resource'
       })"
>Записаться</a>

На конкретном работнике¶

<a href="javascript:void(0);"
 onClick="openGbookingWidget({
      networkId: '311',
      resourceId: '5858762e35732ab00e27ab61'
   })"
>Записаться</a>

Здесь, в параметре resourceId, вы можете указать как идентификатор специалиста gbooking, так и из CRM сайта, предварительно выгруженные в gbooking. Подробнее о том, как это сделать – Загрузка данных о специалистах из сайта.

На конкретной услуге¶

<a href="javascript:void(0);"
   onClick="openGbookingWidget({
          networkId: '311',
          taxonomy: '9126747',
       })"
>Записаться</a>

Здесь, в параметре resourceId, вы можете указать как идентификатор услуги gbooking, так и из CRM сайта (SiteID услуги).