أداة الحجز للموقع
ضع نموذج حجز HyoNova في موقعك — داخل الصفحة أو خلف زر — مع الكود الجاهز للنسخ، وقائمة المواقع المسموح بها، وما تشاركه الأداة.
في هذه الصفحة
تعرض أداة الموقع نموذج الحجز داخل موقعك، فيحجز الزوار دون مغادرته. وهي النموذج نفسه في صفحة الحجز وبالقواعد نفسها: بلا حساب، وحجز واحد لكل وقت، ورابط خاص للزائر. ولا تظهر الأداة إلا على المواقع التي تسمح بها.
فعّل الأداة#
- افتح الإعدادات. اذهب إلى الحجوزات › الصفحة والأداة.
- فعّل «أداة الموقع مفعّلة». «يمكن تضمين نموذج الحجز في المواقع المذكورة أدناه.»
- أضف موقعك. في المواقع المسموح لها بعرض الأداة أدخل نطاقاً مثل
example.comأو*.example.comواختر إضافة موقع. راجع المواقع المسموح بها. - اختر الشكل. شكل الأداة إما داخل الصفحة أو زر يفتحها.
- احفظ، ثم انسخ الكود من المشاركة والتضمين.
انسخ الكود#
في المشاركة والتضمين اختر الخدمة (كل الخدمات أو نوع حجز واحد)، واللغة، وشكل الأداة، ونص الزر إن اخترت الزر. ثم انسخ كود الموقع (JavaScript) والصقه في HTML موقعك حيث يجب أن يظهر النموذج أو الزر.
انسخ دائماً الكود الحقيقي من HyoNova: فهو يحتوي عنوان الحجز الصحيح واسم شركتك في العنوان. والأمثلة التالية تبيّن شكله.
داخل الصفحة#
يظهر النموذج حيث تلصق الكود، بعرض لا يتجاوز 760 بكسل وفي الوسط، ويكبر ويصغر مع محتواه.
<script async src="https://YOUR_HYONOVA_BOOKING_ADDRESS/book/widget.js" data-company="your-company" data-type="intro-call" data-mode="inline" data-color="#2f6bff"></script>زر يفتحها#
يظهر زر حيث تلصق الكود. واختياره يفتح النموذج في نافذة فوق صفحتك.
<script async src="https://YOUR_HYONOVA_BOOKING_ADDRESS/book/widget.js" data-company="your-company" data-mode="button" data-color="#2f6bff" data-label="احجز موعداً"></script>معنى الخصائص#
| الخاصية | معناها |
|---|---|
src | سكربت الأداة على عنوان الحجز لدى HyoNova |
data-company | اسم شركتك في العنوان، كما في رابط الحجز |
data-type | اختيارية. اسم الرابط لنوع حجز واحد. ودونها يختار الزائر من كل الخدمات المنشورة |
data-mode | inline للنموذج داخل الصفحة، وbutton لزر يفتحه |
data-lang | اختيارية. en أو ar. ودونها يتبع النموذج لغة صفحتك، ثم إعدادات الحجز لديك |
data-color | اللون المميّز، بصيغة لون سداسي من ستة أرقام |
data-label | لوضع الزر فقط. نص الزر؛ وإن تُرك فارغاً يُستخدم «احجز موعداً» |
data-target | اختيارية، لوضع «داخل الصفحة» فقط. محدِّد CSS للعنصر الذي يجب أن يحتوي النموذج، بدلاً من موضع وسم السكربت |
لا يحتوي الكود مفتاحاً ولا سراً: اسما الشركة والنوع علنيان، مثل رابط الحجز. وما يحمي الأداة هو قائمة المواقع المسموح بها.
معلومات مفيدة:
- يُحمَّل السكربت بخاصية
async، فلا يبطئ صفحتك. - يعمل النموذج في إطار خاص به على عنوان الحجز لدى HyoNova. فلا تصل إليه أنماط موقعك ولا سكربتاته، ولا يقرأ هو شيئاً من صفحتك.
- إن كان موقعك يستخدم سياسة أمان المحتوى (CSP)، فاسمح بعنوان الحجز لدى HyoNova في
script-srcوframe-src. - منشئو المواقع عادةً لديهم مكان لـ«الكود المخصص» أو «مكوّن HTML». الصق الكود هناك.
- لا يمكن معاينة الأداة داخل HyoNova. افتح صفحتك أنت لتراها.
كود الإطار (iframe)#
يعرض قسم المشاركة والتضمين أيضاً كود الإطار (iframe): إطار بسيط بارتفاع ثابت، لمنشئي المواقع الذين يقبلون إطاراً ولا يقبلون سكربتاً. والأفضل استخدام كود JavaScript: فهو وحده يضبط ارتفاع النموذج بحسب محتواه ويستطيع فتح النموذج من زر. ويعمل الكودان على مواقعك المسموح بها فقط، وكل حجز يُجرى عبر أيٍّ منهما يُتحقَّق منه مقابل تلك القائمة.
المواقع المسموح بها#
«تُحمَّل الأداة في هذه المواقع فقط. صفحة الحجز نفسها لا تحتاج إلى إضافة هنا.» ويمكنك إضافة حتى 50 مُدخلاً.
| المُدخل | يطابق | لا يطابق |
|---|---|---|
example.com | https://example.com | https://www.example.com، https://shop.example.com |
www.example.com | https://www.example.com | https://example.com |
*.example.com | https://www.example.com، https://shop.example.com | https://example.com نفسه |
- أضف كليهما
example.comو*.example.comإن كان يجب أن تعمل الأداة على النطاق الرئيسي ونطاقاته الفرعية. - HTTPS فقط. الصفحات المقدَّمة عبر
http://العادي لا تستطيع عرض الأداة. - القائمة الفارغة لا تسمح بأي موقع. وعندها يقرأ HyoNova: تظهر الأداة في المواقع المسموح بها فقط، ولم يُضف أي موقع بعد. أضف موقعك أعلاه. وتبقى روابط الحجز تعمل.
يتحقق HyoNova من الموقع مرتين. فالمتصفح يرفض عرض النموذج داخل إطار في موقع ليس في قائمتك، وعند إجراء الحجز يتحقق HyoNova مرة أخرى من أنه آتٍ من موقع مسموح به. ويعرف النموذج الموقع الذي يضمّنه من المتصفح، لا مما تقوله الصفحة.
وفي الموقع غير المسموح به لا يظهر النموذج: فالأداة داخل الصفحة تنطوي بدلاً من ترك مساحة فارغة، وتُرفض محاولة الحجز بالرسالة الحجز غير متاح من هذا الموقع.
إيقاف الأداة#
أوقف أداة الموقع مفعّلة لإيقاف الأداة في كل المواقع دفعة واحدة. وعندها لا يعرض الكود في موقعك شيئاً، ويقرأ قسم المشاركة والتضمين: أداة الموقع متوقفة، لذا لا يعرض الكود شيئاً في أي موقع بعد. ولا تتأثر صفحة الحجز وروابطها؛ فلها مفتاحها الخاص، صفحة الحجز مفعّلة.
الحجوزات الآتية من الأداة#
الحجز الذي يتم عبر الأداة حجز عادي. وفي قائمة الحجوزات يقرأ عمود طريقة الحجز فيه أداة الموقع، ويحصل الزائر على الرابط الخاص نفسه.
الخصوصية#
- ما تشاركه الأداة مع صفحتك: ارتفاع النموذج فقط، ليلائم الإطار. ولا يظهر لسكربتات موقعك شيء مما يكتبه الزائر.
- ما يصل إلى HyoNova: الحجز الذي يجريه الزائر، وعنوان الموقع الذي يضمّن الأداة، ليُتحقَّق منه مقابل قائمتك.
- بلا تسجيل دخول. لا يسجّل الزوار الدخول ليحجزوا.
- اذكر الحجز عبر الإنترنت في إشعار الخصوصية على موقعك. راجع الخصوصية.
الحالة#
| الميزة | الحالة | ملاحظات |
|---|---|---|
| أداة الحجز للموقع | تجريبييعمل اليوم في مساحات العمل ضمن الوصول المبكر. قد يتغير السلوك والحدود. | نموذج الحجز داخل موقعك، في الصفحة أو خلف زر، وعلى المواقع التي تسمح بها فقط. |
| صفحة الحجز العامة والرابط الخاص | تجريبييعمل اليوم في مساحات العمل ضمن الوصول المبكر. قد يتغير السلوك والحدود. | صفحة مستضافة يختار فيها الزائر الخدمة والوقت، ورابط خاص لعرض حجزه أو نقله أو إلغائه. |
هل كانت هذه الصفحة مفيدة؟
شكراً. لا تُجمع تقييمات الصفحات بعد، لذلك لم يُرسَل شيء. إذا وجدت نقصاً أو خطأً فراجع صفحة «الحصول على المساعدة».