أداة الحجز — أضف 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 مخصص.

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

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