أداة الحجز — أضف Addagio إلى موقعك الإلكتروني
دع عملاءك يحجزون مباشرة على موقعك الخاص. تعمل أداة Addagio بوضعين: زر عائم يفتح صفحة الحجز في نافذة منبثقة، أو نموذج مضمّن يظهر داخل صفحتك مباشرة.
الإعداد في خطوتين
- اعثر على المعرّف (slug) في لوحة التحكم ← الإعدادات تحت "رابط الحجز" — وهو الجزء بعد addagio.io/book/.
- الصق مقطع الكود قبل وسم الإغلاق </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 مخصص.
هل يضبط النموذج المضمّن ارتفاعه تلقائيًا؟⌄
نعم. يُبلغ النموذج المضمّن صفحتك بارتفاعه ويتغير حجم الإطار تلقائيًا أثناء تنقل العملاء بين خطوات الحجز.
Languages