Своя кнопка (ссылка) на форму онлайн-записи YCLIENTS

При работе с сайтом клиента требовалась своя кнопка (ссылка) на форму онлайн-записи YCLIENTS, однако в документации на сайте разработчика опубликована не полная информация о возможной кастомизации кнопки.

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

<a href="#" class="ms_booking">Записаться онлайн</a>

На самом деле этого оказалось недостаточно, требуется задействовать кнопку путём подключения скрипта:

<script>
/* Code for change button by Guide-Group. (https://ws-home.ru/) */
$(document).ready(function() { 
	$('.YOURCLASS').addClass('ms_booking'); 
	var scriptService = document.createElement('script'); 
	scriptService .src = "https://wXXXXXX.yclients.com/widgetJS"; 
	scriptService .type = "text/jаvascript"; 
	scriptService .charset = "UTF-8"; 
	document.documentElement.appendChild(scriptService ); 
});
</script>

Где YOURCLASS — это класс элемента на странице, к примеру если у нас есть кнопка с классом btn-order-top и вызов формы онлайн-записи нужно сделать именно на неё, то мы вместо "YOURCLASS" мы напишем "btn-order-top". Таким образом данный скрипт добавляет класс ms_booking на Вашу кнопку и сделает вызов формы по её клику.

Где wXXXXXX — это Ваш ID с системе yclients.

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