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


В тело сайта поместите код:


<style> .son_wrapper { width: 150px; height: 150px; position: fixed; bottom: 0;right: 0; border:0px solid #f00; z-index:9999; } .son_wrapper a { text-decoration:none; } .son_circle { width:100px; height:100px; border-radius:250px; font-size:14px; font-family: Play, sans-serif !important; color:#fff; line-height:25px; text-align:center; background:#f00; } @keyframes son_outercircle { 0% { transform: scale(1,1) opacity: 1; } 80% { opacity: 0.8; } 100% { transform: scale(2,2); opacity: 0; } } .son_outercircle { z-index: -1000; position: absolute; width: 60px; height: 60px; border: 5px solid #f00; border-radius: 50%; animation: son_outercircle 2s infinite linear; margin-top: 15px ; margin-left: 15px ; } </style>

<div class="son_wrapper">
<div class="son_outercircle"></div>
<a href="javascript:void(0);" onClick="showSonlineWidget(sonlineWidgetOptions);"> <div class="son_circle"><br>Онлайн<br/> запись</div></a>
</div>

<script>var sonlineWidgetOptions = {placeid: XXXX}</script>
<div id="widgetSonline"/>
<script type="text/javascript" src="https://sonline.su/js/widget3/widget3.js"></script>

 

XXXX – это идентификатор салона.


Если у вас сеть салонов, используйте код :


<style> .son_wrapper { width: 150px; height: 150px; position: fixed; bottom: 0;right: 0; border:0px solid #FF0000; z-index:9999; } .son_wrapper a { text-decoration:none; } .son_circle { width:100px; height:100px; border-radius:250px; font-size:14px; font-family: Play, sans-serif !important; color:#fff; line-height:25px; text-align:center; background:#FF0000; } @keyframes son_outercircle { 0% { transform: scale(1,1) opacity: 1; } 80% { opacity: 0.8; } 100% { transform: scale(2,2); opacity: 0; } } .son_outercircle { z-index: -1000; position: absolute; width: 60px; height: 60px; border: 5px solid #FF0000; border-radius: 50%; animation: son_outercircle 2s infinite linear; margin-top: 15px ; margin-left: 15px ; } </style>

<div class="son_wrapper">

<div class="son_outercircle"></div>

<a href="javascript:void(0); " onClick="showSonlineWidget(sonlineWidgetOptions);"> <div class="son_circle"><br>Онлайн<br/> запись</div></a>

 </div>


<script>

    var sonlineWidgetOptions = {

        groupid: XXXX}</script>

<div id="widgetSonline"/>

<script type="text/javascript" src="https://sonline.su/js/widget3/widget3.js"></script> 


XXXX – это идентификатор группы