أداة الحجز — أضف Addagio إلى موقعك الإلكتروني

دع عملاءك يحجزون مباشرة على موقعك الخاص. تعمل أداة Addagio بوضعين: زر عائم يفتح صفحة الحجز في نافذة منبثقة، أو نموذج مضمّن يظهر داخل صفحتك مباشرة.

الإعداد في خطوتين

  1. اعثر على المعرّف (slug) في لوحة التحكم ← الإعدادات تحت "رابط الحجز" — وهو الجزء بعد addagio.io/book/.
  2. الصق مقطع الكود قبل وسم الإغلاق </body> في موقعك.

زر عائم + نافذة منبثقة

يظهر زر "احجز الآن" في زاوية موقعك. عند النقر عليه تُفتح صفحة الحجز في طبقة أنيقة — يحجز العملاء دون مغادرة موقعك.

<script>
var addagioWidget = {
  slug: 'your-business-slug',
  buttonText: 'Book Now',
  color: '#C67B5C',
  position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>

نموذج حجز مضمّن

تُعرض عملية الحجز الكاملة (الخدمات، التقويم، الدفع) مباشرة داخل تخطيط صفحتك — مثل أداة Calendly المضمّنة. أضف عنصر div فارغًا حيث تريد ظهور النموذج.

<div data-addagio-inline="your-business-slug">
  <a href="https://addagio.io/book/your-business-slug">Book online — Addagio</a>
</div>
<script src="https://addagio.io/widget.js" async></script>

يضبط الإطار المضمّن ارتفاعه تلقائيًا ليناسب المحتوى — بلا أشرطة تمرير ولا ارتفاعات ثابتة. يمكنك وضع عدة نماذج في صفحة واحدة.

المرجع التقني الكامل (جميع الخيارات، واجهة JavaScript البرمجية، أدلة المنصات) →

الأسئلة الشائعة

هل سيبطئ موقعي؟⌄

لا. حجم السكربت 3 كيلوبايت ويُحمّل بشكل غير متزامن — لا يعيق عرض صفحتك.

هل يعمل مع WordPress أو Wix أو Squarespace أو Shopify؟⌄

نعم. الصق المقطع في تذييل القالب أو في قسم الكود المخصص في منشئ موقعك. يعمل مع أي منصة تسمح بإضافة HTML مخصص.

هل يضبط النموذج المضمّن ارتفاعه تلقائيًا؟⌄

نعم. يُبلغ النموذج المضمّن صفحتك بارتفاعه ويتغير حجم الإطار تلقائيًا أثناء تنقل العملاء بين خطوات الحجز.