Сервисы бронирования для Taplink
Для таплинков с продажей услуг нередко возникает потребность онлайн-записи. Так как российский бизнес не любит заморачиваться организацией своего продвижения в интернете, нередко задачу организации подобной услуги будут пытаться повесить на вас :)
Можно, конечно, ответить отказом, мол, это меня не касается; но для общего кругозора и создания сарафанки на будущее будет полезно разобраться в этой сфере и мочь сделать онлайн-запись от А до Я.
Выбор сервиса
Сервисов для бронирования существует множество, т.к. сделать его может любой фулстак-разработчик, а спрос и конкуренции на рынке предостаточно. Ознакомиться с самыми популярными нынче можно по ссылке https://bukza.ru/servis-onlajn-zapisi/
Отличаются они ценниками + внешним видом. Например, Yclients встраивается в виде кнопки
при нажатии на которую открывается окошко записи.
Вот так выглядит бронирование hesus
Собственно, по внешнему виду и ценнику вы можете выбрать сервисы онлайн-записи и опробовать их на клиенте. Это будет более квалифицированным выбором, нежели если он выберем сам
Интеграция
Каждый подобный сервис представляет собой небольшую хтмл-страничку, взаимодействующую с базой данных сервиса и автономно, словно гриб-трутовик, встраиваемую к вам на веб-страницу. То есть, после создания личного кабинета и заполнения услуг/товаров/расписания вам всего лишь нужно найти раздел, отвечающий за интеграции, взять оттуда код вида <script>КУЧА СИМВОЛОВ</script> или <iframe>ВСЯКИЕ СИМВОЛЫ</iframe> и вставить его в HTML-блок таплинка. И всё.
У Yclients кнопка находится в "онлайн-запись>веб-сайт>код кнопки"
<script type="text/javascript" src="https://w688683.yclients.com/widgetJS" charset="UTF-8"></script>
В hesus (кстати, на этапе заполнения расписания не забудьте поставить "адаптивная ширина")
код выдается сразу после заполнения расписания
если при вставке в таплинк у вас будут уродливые полосы прокрутки вокруг расписания, то в коде в строчке style='width: 100%;height:653px;margin: 0 auto;display: block;'
в итоге чтобы получилось что-то типа
style='width: 100%;height:750px;margin: 0 auto;display: block; overflow-x: hidden;'
тогда полоски прокрутки пропадут.
Кастомизация
Все остальные коды, которые могут показываться вам в сервисах, это документации для настройки аналитики или редизайна сервиса. Если вы не разбираетесь в html/css/js, ограничьтесь использованием только кода для встраивания, про который было сказано выше.