Grafik.by виджет онлайн записи на сайт

У вас есть сайт. На нём написано, чем вы занимаетесь, сколько стоит консультация и почему к вам стоит прийти. Внизу — телефон и ссылка на мессенджер.

И вот здесь начинается тихая утечка. Человек прочитал страницу, всё понял, готов записаться — и переходит в переписку. Пишет вечером. Вы отвечаете утром. К этому моменту половина решимости успевает раствориться, а вторая половина уходит на согласование времени в четыре сообщения.

Виджет закрывает этот разрыв. Кнопка «Записаться» превращается в конкретное действие: выбрал формат, выбрал час, оставил имя — встреча в календаре.

Дальше — про то, как виджеты устроены в Grafik.by.

Три типа виджетов под три разные задачи

В Grafik виджет — не один универсальный блок. Есть три формата, и каждый решает свою задачу на странице.

Основная форма

Полноценная страница записи: список ваших услуг, календарь на 60 дней вперёд, свободное время выбранного дня, форма контактов.

Это то, что вставляют на страницу «Записаться» или в нижнюю часть лендинга — туда, где посетитель уже прочитал описание и готов действовать. Встраивается через iframe или живёт по собственной ссылке.

Календарь-список

Компактный блок с ближайшими свободными слотами. Занимает мало вертикального места и встраивается прямо в текст страницы — например, сразу под описанием конкретной услуги.

Работает эффектно по одной причине: человек видит реальное свободное время, ещё не приняв решение записываться. «Завтра в 15:00» действует убедительнее абстрактной кнопки.

Микро-лендинг

Отдельная короткая страница-визитка с кнопкой записи. Полезна там, где сайта нет или он далеко: шапка профиля в соцсети, подпись в мессенджере, QR-код на визитке, ссылка в рассылке.

До 12 витрин — и зачем их столько

Каждый настроенный виджет в Grafik называется витриной. Три создаются автоматически при регистрации, ещё девять можно добавить самостоятельно.

Смысл в том, что одна ссылка «записаться ко мне» плохо покрывает реальную практику. Полезнее набор:

• страница первичной консультации с подробным описанием — и виджет, где доступен только этот формат;
• отдельный виджет для онлайн-сессий, без очных встреч в списке;
• компактный список слотов на главной;
• микро-лендинг для профиля в соцсети;
• специальная витрина для партнёрской площадки или чужого сайта.

Каждая витрина получает свой набор услуг. Если на странице про онлайн-работу показать весь прайс целиком, посетитель начнёт выбирать между вариантами вместо того, чтобы выбирать время. Виджет с одним форматом сокращает путь до брони на целый шаг.

Витрины можно дублировать, переименовывать, переставлять и назначать основной.

Адрес виджета

Каждой витрине доступны два варианта адреса: системный ключ или человекочитаемый — вида /w/imya-specialista.

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

Оформление: виджет под ваш сайт

Отдельно стоящий блок с чужой типографикой и случайным оттенком синего сообщает посетителю ровно одно: дальше начинается какой-то другой сервис. Доверие на этой границе слегка проседает.

В Grafik настраиваются:

• светлая или тёмная тема;
• акцентный цвет — любой HEX;
• цвет фона;
• шрифт: системный, Inter, Manrope или Georgia;
• размер заголовка;
• показ шапки профиля.

Всё это — с живым предпросмотром в двух режимах, «Десктоп» и «Телефон», и с автосохранением. Контраст система контролирует сама, удерживая соотношение 4.5:1, поэтому светло-серый текст на белом фоне не пройдёт.

Каждой услуге можно задать иконку из полусотни вариантов и собственный цвет — список форматов читается взглядом, а не построчно.

Встраивание на сайт

Для основной формы и календаря-списка Grafik выдаёт готовый iframe-сниппет. Его вставляют в HTML-блок страницы — на Tilda, WordPress, любом конструкторе или самописном сайте.

Настраиваются ширина — вплоть до полноэкранной — и показ шапки профиля. Высота подбирается под содержимое, поэтому под формой не остаётся пустой полосы, а кнопка подтверждения не уезжает за границу блока.

Отдельно решён момент с юридическими документами: ссылки на политику открываются в новой вкладке, а не внутри рамки виджета. Посетитель, кликнувший на согласие из любопытства, возвращается к своей записи, а не начинает всё заново.

Заголовки безопасности для встраивания настроены на стороне сервиса и покрыты тестами — виджет отображается в рамке корректно.

Что видит посетитель

Путь внутри виджета устроен коротко.

Сначала — выбор формата приёма. У каждого название, описание, длительность, цена и примечание к цене, если вы его добавили.

Затем календарь. Дни со свободным временем помечены в мини-календаре, так что листать вслепую не приходится. Горизонт — 60 дней.

Выбор дня открывает список свободных слотов с указанием длительности: «50 мин». На маленьких экранах список автоматически уплотняется — предусмотрены три плотности отображения.

Дальше форма: имя, email, канал быстрой связи (Telegram или WhatsApp — только те, что вы включили), при необходимости телефон, комментарий и согласие на обработку данных. Обязательность телефона вы определяете сами.

Ни регистрации, ни пароля, ни входа через Google. Четыре поля.

Если вы зафиксировали часовой пояс, в виджете появляется подпись, что время указано по вашему поясу. Для онлайн-практики с клиентами из разных стран эта строка экономит удивительное количество переписки.

Когда свободного времени нет, виджет честно сообщает об этом и поясняет, что доступность показывается на 60 дней вперёд.

Что происходит после нажатия кнопки

Экран успеха показывает детали брони, ссылку на подключение Telegram-бота, пояснение про приглашение в календарь и вашу памятку для этого формата — как подготовиться, куда идти, что взять.

Ниже — условия отмены: до какого момента клиент может перенести или отменить встречу самостоятельно.

Параллельно происходит следующее:

• запись появляется в вашем Google или Яндекс.Календаре;
• приглашение клиенту отправляет сама календарная служба — от Grafik писем не приходит;
• для онлайн-встречи можно приложить ссылку Google Meet или Яндекс.Телемост;
• если клиент подключил бота, за сутки придёт напоминание с кнопками «Буду», «Нужно перенести», «Отменить».

Виджет, таким образом, заканчивается не формой, а событием в календаре и работающим циклом подтверждений.

Слоты, которые соответствуют действительности

Главная претензия к формам записи звучит одинаково: сайт предлагает время, которое уже занято.

В Grafik свободные слоты не хранятся заранее. Они рассчитываются в момент запроса — из вашего расписания, отпусков, перерывов и занятости в подключённом календаре. Поставили личную встречу в Google — виджет перестал предлагать этот час немедленно.

Перерывы учитываются по-настоящему. У каждого формата своя длительность и свой перерыв, а между разными форматами работает матрица переходов, причём асимметричная: после первой консультации — двадцать минут на записи, после повторной — пять, а перед очным приёмом после онлайн-сессии — сорок минут на дорогу.

Виджет показывает результат этих правил, не заставляя клиента о них знать.

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

Виджет и приватность

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

В Grafik данные клиентов шифруются персональным ключом специалиста — оператор платформы ключом не располагает. Каждое открытие карточки фиксируется в журнале доступа. База размещается в дата-центрах Республики Беларусь.

В момент записи сохраняется версия политики, с которой согласился клиент. Скучная деталь, которая становится заметно интереснее при первой проверке.

Сам клиент в виджете видит минимум: ваши услуги, свободное время и собственную бронь. Чужих записей, списков и лишних данных в интерфейсе нет.

С чего начать

Порядок действий короткий:

1. Подключить Google или Яндекс.Календарь.
2. Описать форматы приёма — название, длительность, цена, перерыв.
3. Заполнить расписание и часовой пояс.
4. Выбрать витрину, настроить цвета, шрифт и список услуг.
5. Скопировать iframe-сниппет и вставить в страницу.
6. Пройти запись самостоятельно со смартфона — и проверить, как встреча выглядит в календаре.

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

Демо-доступ на 14 дней оформляется заявкой на Grafik.by, карта не требуется.

Итог

Виджет Grafik — это блок на вашем сайте, который знает ваше расписание, ваши перерывы, вашу занятость в календаре и правила переноса. Посетитель видит только свободное время и выбирает удобный час.

Дальше запись сама доезжает до вашего календаря, а напоминание — до клиента.