Базовое подключение

Минимальное подключение, при котором в настройках указывается только guid МИС. При этом на сайте появится стандартная кнопка виджета.

Посмотреть пример

Автоматическое открытие виджета

Для автоматического открытия виджета при переходе по ссылке необходимо к ссылке на страницу добавить "#MedkartaOnline" либо GET параметр "MedkartaOnline"

Пример с хештегом
Пример с GET параметром

Настройка стандартной кнопки виджета

Виджет имеет несколько вариантов стандартной кнопки. Её можно настроить используя параметр buttonType.

Так же можно изменить текст кнопки используя параметр buttonText

Круглая кнопка
Пример
Прямоугольная кнопка
Пример
Изменение текста кнопки на "Запись" Пример
Скрытие кнопки на мобильных устройствах Пример

Привязка виджета к имеющимся элементам

Не обязательно использовать стандартную кнопку. Если на сайте уже есть ссылки/кнопки для записи на приём, можно привязать вызоввиджета к ним

Если настраницах сайта только одна кнопка/ссылка записи, то можно использовать параметр buttonId

Если настраницах сайта несколько кнопок/ссылок записи, то нужно использовать параметр buttonClass

Привязка по id элемента
Пример
Привязка по id элемента в сочетании с автокнопкой
Пример
Привязка по классу элемента
Пример
Привязка по классу элемента в сочетании с автокнопкой
Пример

Настройка первой страницы виджета

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

Выбор врача по умолчанию
Пример
Выбор услуги по умолчанию
Пример

Настройка открываемой страницы виджета

Если у вас есть список услуг или врачей и вы хотите открыть виджет сразу на определённом шаге записи (например, на странице врача), вы можете управлять этим через специальные data-атрибуты кнопки/ссылки, либо через GET параметры ссылки или её хэш-часть

Посмотреть пример

Изменение стандартных текстов

Через параметр виджета messages можно изменить часть стандартных текстов интерфейса виджета

Посмотреть пример

Изменение стилей оформления виджета

Чтобы подогнать оформление виджета ближе к дизайну сайта, можно переопределить стили, задав путь к стороннему файлу стилей через праметр customCss

Посмотреть пример