Інтеграція Calendly для онлайн-запису на сайті
Calendly — готове рішення для онлайн-бронювання. Замість розробки власної системи — вбудовуємо віджет Calendly та підключаємо webhook для синхронізації з базою сайту.
Вбудовування віджета
<!-- Inline widget -->
<div class="calendly-inline-widget"
data-url="https://calendly.com/your-company/consultation?hide_gdpr_banner=1"
style="min-width:320px;height:700px;">
</div>
<script src="https://assets.calendly.com/assets/external/widget.js" async></script>
Або попап при кліку на кнопку:
Calendly.initPopupWidget({ url: 'https://calendly.com/your-company/consultation' });
Webhook для отримання подій
// Webhooks v2: підписка в налаштуваннях Calendly
// Events: invitee.created, invitee.canceled
Route::post('/webhooks/calendly', function (Request $request) {
$payload = $request->json();
$eventType = $payload['event'];
$invitee = $payload['payload']['invitee'];
if ($eventType === 'invitee.created') {
Lead::create([
'name' => $invitee['name'],
'email' => $invitee['email'],
'booked_at' => $invitee['created_at'],
'event_url' => $invitee['uri'],
'source' => 'calendly',
]);
}
return response('ok');
});
Calendly webhook не підписується на підтвердження через HMAC у безплатному тарифі. У платному (Teams/Enterprise) доступна верифікація через X-Calendly-Webhook-Signature.
Час реалізації: 1–2 робочих дні.