Для того что бы создать кнопку онлайн записи на сайте, авторизуйтесь в личном кабинете редактирования вашего сайта.
В тело сайта поместите код:
<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 – это идентификатор группы