שילוב Cal.com: הזמנות אונליין ללא Calendly

שילוב Cal.com להזמנות אונליין באתר שלך

תארו לעצמכם: לקוח מבקר באתר של מרפאת שיניים בשעה 23:00, רואה כפתור "הזמן עכשיו", בוחר שעה נוחה ומקבל אישור — ללא כל מעורבות של מנהל. אם אתם עדיין מבזבזים שעות על התכתבויות הלוך ושוב, אתם מפסידים עד 30% מהלידים שלעולם לא מחכים לתשובה. הפתרון הוא Cal.com, מתזמן בקוד פתוח עם שליטה מלאה בנתונים. ניתן לפרוס אותו כ-SaaS או על השרת שלכם. אנחנו עוזרים לשלב את Cal.com כך שלקוחות יזמינו פגישות ללא חיכוכים, ואתם תנהלו את היומן מממשק אחד. צרו קשר כדי לדון בשילוב עבור הצרכים שלכם.

למה לעבור מ-Calendly ל-Cal.com?

Calendly הוא מוצר בוגר, אבל החסרונות שלו הופכים קריטיים ככל שהעסק שלכם גדל. Cal.com, המורשה תחת AGPLv3, פותר אותם: הנתונים נשארים על השרת שלכם (מוכן ל-GDPR), המותג הוא כולו שלכם, ומספר האירועים אינו מוגבל על ידי מסלולי תמחור. בפועל, אירוח עצמי של Cal.com מחזיר את ההשקעה תוך 3–4 חודשים עם 200+ פגישות בחודש — אתם לא משלמים דמי מנוי ואינכם תלויים בספק חיצוני.

בנוסף, Cal.com מתמודד עם פי 1.5 יותר הזמנות בו-זמנית בזכות הארכיטקטורה האסינכרונית שלו, דבר שחשוב במיוחד בעומסי שיא. לפרויקט יש 30k+ כוכבים ב-GitHub.

מה כלול בעבודה?

• תיעוד — תיאור ארכיטקטורה, מדריך הפעלה לווידג'ט ו-API.
• גישה — פרטי התחברות לפאנל הניהול ולשרת (אם באירוח עצמי).
• הדרכה — הדגמה של עבודה עם הממשק והגדרת סוגי אירועים.
• תמיכה — סיוע טכני למשך 30 יום לאחר ההשקה.

איך לשלב את Cal.com עם CRM?

לסנכרון חלק, אנו משתמשים ב-webhooks. כאשר לקוח מזמין פגישה, Cal.com שולח בקשת POST עם נתוני JSON לשרת האחורי שלכם. אימות חתימת X-Cal-Signature-256 הוא חובה. הנה דוגמה ל-handler ב-Laravel:

Route::post('/webhooks/cal', function (Request $request) { $signature = hash_hmac('sha256', $request->getContent(), config('services.cal.webhook_secret')); if (!hash_equals($signature, $request->header('X-Cal-Signature-256'))) { abort(401); } $payload = $request->json(); match($payload['triggerEvent']) { 'BOOKING_CREATED' => CrmLead::createFromCal($payload['payload']), 'BOOKING_CANCELLED' => CrmLead::cancelFromCal($payload['payload']['uid']), default => null, }; return response('ok'); }); 

מה דרוש לשילוב Cal.com?

שילוב בסיסי כולל ארבעה רכיבים:

• ווידג'ט — React/Vue/Pure JS, משולב דרך iframe או חבילת npm.
• Backend API — נקודות קצה REST לניהול הזמנות פרוגרמטי.
• Webhooks — התראות על סטטוסי פגישות ל-CRM, Telegram או דוא"ל.
• מותג מותאם אישית — צבעים, גופנים, לוגו בממשק ההזמנות.

לאירוח עצמי, יש צורך בשרת: מינימום 2 vCPU, 4 GB RAM, Docker. אנו הופכים את הפריסה לאוטומטית באמצעות docker-compose — אתם מקבלים מתזמן מוכן תוך מספר שעות.

איך להגדיר Cal.com באירוח עצמי: שלב אחר שלב

1. הכינו את השרת — התקינו Docker, Nginx, הגדירו דומיין ו-SSL (Let's Encrypt).
2. הפעילו את Cal.com — שכפלו את המאגר הרשמי, הריצו docker-compose.yml עם PostgreSQL, Redis והיישום.
3. תצורה — הגדירו משתני סביבה: מסד נתונים, SMTP, OAuth עבור Google/Outlook.
4. סוג אירוע ראשון — צרו פגישה (ייעוץ, שיחה) עם משך וזמני זמינות.
5. שלבו עם האתר — הטמיעו את הווידג'ט באמצעות Route::post('/webhooks/cal', function (Request $request) { $signature = hash_hmac('sha256', $request->getContent(), config('services.cal.webhook_secret')); if (!hash_equals($signature, $request->header('X-Cal-Signature-256'))) { abort(401); } $payload = $request->json(); match($payload['triggerEvent']) { 'BOOKING_CREATED' => CrmLead::createFromCal($payload['payload']), 'BOOKING_CANCELLED' => CrmLead::cancelFromCal($payload['payload']['uid']), default => null, }; return response('ok'); }); או רכיב React.

כל התהליך אורך 4–5 שעות, כולל מותג מותאם אישית.

דוגמה להטמעת ווידג'ט

import { getCalApi } from '@calcom/embed-react'; import { useEffect } from 'react'; export function BookingButton() { useEffect(() => { (async () => { const cal = await getCalApi({ namespace: 'consultation' }); cal('ui', { theme: 'light', hideEventTypeDetails: false, layout: 'month_view', styles: { branding: { brandColor: '#4F46E5' } }, }); })(); }, []); return ( <button data-cal-namespace="consultation" data-cal-link="your-company/consultation" data-cal-config='{"layout":"month_view"}' className="btn-primary" > Записаться на консультацию </button> ); } 

Cal.com API v2

ה-REST API מאפשר יצירת אירועים, רשימת הזמנות וניהול זמינות. דוגמה ב-TypeScript:

const cal = new CalApi({ apiKey: process.env.CAL_API_KEY }); const bookings = await cal.bookings.list({ status: 'upcoming', take: 50, }); const event = await cal.bookings.create({ eventTypeId: 123, start: '2050-03-01T10:00:00Z', attendee: { name: 'Иван Петров', email: '[email protected]', timeZone: 'Europe/Moscow', }, }); 

לוחות זמנים