تضمين أداة الحجز في موقعك الإلكتروني
يتيح لك الإعدادات ← التكاملات أن يحجز الزوار معك مباشرةً من موقعك الإلكتروني عبر أداة حجز مضمَّنة، بدلاً من توجيههم إلى هنا.
1. اسمح بنطاقك
في النطاقات المسموح بها، أدخل العنوان الدقيق للموقع الذي سيستضيف أداة الحجز: البروتوكول والنطاق فقط (مع المنفذ إن وُجد)، بلا مسار وبلا شرطة مائلة في النهاية:
https://apply.acme.com ✓
https://acme.com:8443 ✓
acme.com ✗ البروتوكول ناقص
https://acme.com/book ✗ يحتوي على مسار
https://acme.com/ ✗ شرطة مائلة في النهايةhttps://www.acme.com وhttps://acme.com عنوانان مختلفان. إن كان بإمكان الزوار الوصول إلى موقعك بالطريقتين فأضفهما معًا.
هذه القائمة هي أيضًا مفتاح التشغيل والإيقاف: ما دامت فارغة لا يمكن تضمين أداة الحجز في أي مكان. يمكنك إضافة حتى 50 نطاقًا، وإزالة أي نطاق تسري فورًا.

2. الصق الشيفرة
لكل إعلان تمت الموافقة عليه شيفرة خاصة به. انسخها والصقها في صفحتك حيث تريد ظهور أداة الحجز:
<div class="scheduling-embed" data-service="SERVICE_ID"></div>
<script src="https://embed.example.com/embed.js" async></script>يحدّد <div> موضع الأداة؛ أما وسم script فيمكن وضعه في أي مكان من الصفحة ويكفي مرة واحدة حتى مع وجود عدة أدوات حجز. وإن ظهرت لك عبارة ليس لديك بعد إعلانات تمت الموافقة عليها لتضمينها، فالإعلان ما زال قيد المراجعة، وستظهر شيفرته فور الموافقة عليه.

3. اضبط اللغة
يتحكم لغة الأداة في هذه الصفحة بما يراه الزوار. اتركه على مطابقة لغة الصفحة فتقرأ أداة الحجز الخاصية lang من وسم <html> في صفحتك، وهي الخاصية نفسها التي تعتمد عليها محركات البحث وقارئات الشاشة، فلا يحتاج الموقع المترجم جيدًا إلى أي إعداد إضافي:

<!doctype html>
<html lang="es"> <!-- تظهر أداة الحجز بالإسبانية -->
<head>…</head>
<body>…</body>
</html>الرموز الإقليمية مدعومة: تُختزل lang="pt-BR" إلى أقرب لغة ندعمها بدلاً من رفضها.
لتجاوز لغة الصفحة في أداة حجز بعينها، أضف data-locale إلى div التضمين. فهي تتقدّم على لغة الصفحة وعلى الإعداد في هذه الصفحة معًا:
<div class="scheduling-embed" data-service="SERVICE_ID" data-locale="de"></div>إن كان في صفحتك محوّل لغة خاص بها، فاطلب من أداة الحجز أن تتبعه. يتم التبديل في مكانه، فيُحتفظ بكل ما ملأه الزائر مسبقًا:
window.SchedulerEmbed.setLocale("sr");باختصار، يفوز أول ما يكون مضبوطًا مما يلي: data-locale، ثم <html lang> في صفحتك، ثم لغة الأداة، ثم متصفح الزائر، ثم الإنجليزية.
خيارات أخرى
أضِف هذه إلى div التضمين:
data-mode="popup" يعرض زرًا يفتح أداة الحجز في نافذة منبثقة بدلاً من إدراجها ضمن الصفحة.
data-label="احجز الآن" يحدد نص الزر في الوضع المنبثق.
data-min-height="480" يحدد الارتفاع بالبكسل قبل أن تُبلغ أداة الحجز عن حجمها الحقيقي. زِده إن لاحظت قفزة عند التحميل.
وهناك استدعاءان إضافيان إن كان موقعك يُدرج المحتوى ديناميكيًا أو يتتبّع التحويلات:
// أعد فحص الصفحة بعد إضافة div لأداة الحجز
window.SchedulerEmbed.refresh();
// يُستدعى عندما يُكمل الزائر حجزًا
window.SchedulerEmbed.onBooking(function (e) {
console.log(e.bookingId, e.serviceId);
});مساعدو الذكاء الاصطناعي
توفّر أداة الحجز أيضًا أدوات لمساعدي الذكاء الاصطناعي عبر WebMCP، وهو معيار ويب مقترح. وبهذه الأدوات يستطيع المساعد الذي يعين الزائر في متصفحه أن يطّلع على ما تقدّمه وبأي سعر، ويبحث عن الأوقات المتاحة، ويختار موعدًا أمام عيني الزائر. ويمكنه الحجز أيضًا، غير أن الحجز مُعلَّم بوصفه خطوة تتطلب موافقة الزائر، لذا يسأله المساعد أولًا. أما تسجيل الدخول وإنشاء الحساب والدفع فتبقى دائمًا بيد الزائر.
لا حاجة إلى أي إعداد: فالشيفرة تسمح بذلك مسبقًا. وفقط إن وضعت أداة الحجز بوسم <iframe> خاص بك بدلاً من الشيفرة، فأضِف allow="payment; tools" إلى ذلك الوسم.
ما زال دعم المساعدين حديثًا. يستخدم تطبيق ChatGPT لسطح المكتب هذه الأدوات بالفعل في متصفحه المدمج، على صفحة إعلانك في موقعنا وعلى الرابط الذي تحصل عليه من مشاركة رابط الحجز. لكنه لا يستخدم بعدُ الأدوات الموجودة داخل أداة حجز مضمَّنة في موقع آخر، وأداة الحجز جاهزة للمساعدين الذين يستطيعون ذلك. وفي كل الأحوال، يستطيع الزوار دائمًا الحجز بأنفسهم.
إذا لم تظهر أداة الحجز
عنوان الصفحة غير مدرج في قائمة النطاقات المسموح بها، أو لا يطابقها تمامًا. يكفي http بدل https، أو غياب www، لمنعها.
وُضعت الشيفرة في موضع لا يمكن تشغيل النص البرمجي فيه، مثل كتلة نص عادي أو HTML مقيَّد في منشئ المواقع لديك.
جرى تعديل قيمة data-service. الصق الشيفرة كما هي بدلاً من إعادة كتابة المعرّف.
أُلغي نشر الإعلان أو سُحبت الموافقة عليه.