كيفية إنشاء أداة

نظرة عامة

أداة الحجز من TicketingHub هي أداة JavaScript تندمج في المواقع الإلكترونية، وتتيح للعملاء حجز المنتجات مباشرةً. تنشئها من لوحة التحكم، وتهيّئها قسماً تلو الآخر، ثم تلصق مقتطفاً برمجياً صغيراً في موقعك.

المتصفحات المدعومة

Safari 16.4+ وChrome 111+ وFirefox 128+.

إنشاء أداة جديدة

1. من لوحة التحكم، انتقل إلى الأدوات
2. انقر على أداة جديدة
3. أدخل اسماً للأداة، وحدد المنتجات التي ينبغي أن تبيعها، ثم انقر على إنشاء أداة

ستنتقل إلى صفحة إعدادات الأداة، حيث تُهيّأ جميع الإعدادات الأخرى. يعرض الجانب الأيسر الإعدادات المجمّعة ضمن أقسام، بينما يعرض الجانب الأيمن معاينة مباشرة للأداة تُحدَّث كلما أجريت تغييرات.

تهيئة الأداة

ما تبيعه

اختر المنتجات والباقات وبطاقات الهدايا التي تعرضها الأداة، وأدرج الإضافات (جميعها أو مجموعة مختارة منها)، وحدد ما إذا كان بإمكان العملاء شراء المنتجات على هيئة قسائم هدايا أو استرداد قسائم الهدايا في الأداة.

مسار الحجز

حدد كيفية انتقال العملاء داخل الأداة: التذاكر أولاً (اختيار التذاكر، ثم التاريخ والوقت)، أو الفعالية أولاً (تصفح التقويم، ثم اختيار ما يريدون حجزه)، أو استرداد القسائم فقط. ويمكنك أيضاً تعيين عرض التقويم الافتراضي، وطلب إدخال البريد الإلكتروني مرتين لتجنب الأخطاء الإملائية.

قواعد البيع

تحكم في موعد وما تبيعه الأداة: تاريخ ووقت بدء البيع، والتاريخ الذي يُفتح عليه التقويم، وموعد عرض السعة المتبقية للفترة الزمنية، والعملات التي يمكن للعملاء الدفع بها. عندما لا يحتوي الأسبوع أو الشهر الأول المعروض في التقويم على أي شيء يمكن حجزه، يتقدم التقويم ويفتح على أول تاريخ تتوفر فيه حجوزات.

المظهر

أضف CSS مخصصاً لضبط مظهر الأداة بدقة ليتوافق مع علامتك التجارية.

التحليلات

اربط Google Analytics أو Google Tag Manager لتتبّع كيفية استخدام الزوار لأداتك.

إعدادات متقدمة

وجّه العملاء إلى صفحة تختارها بعد الشراء، وحدد معلَمة عنوان URL التي يستخدمها شركاء إعادة البيع لديك حتى تُنسَب حجوزاتهم إليهم.

معاينة الأداة ونشرها وإضافتها إلى موقعك

تُحفظ التغييرات التي تجريها كمسودة مقابل معاينة مباشرة — انقر على تحديث المعاينة لرؤيتها على اليمين من دون التأثير في أداتك المنشورة. عندما تصبح راضياً عن النتيجة، انقر على نشر لتفعيل التغييرات، أو على إلغاء للتخلص من المسودة.

لإضافة الأداة إلى موقعك الإلكتروني، افتح تعليمات التثبيت: انسخ وسم script إلى صفحتك، ثم اختر بين أداة مضمّنة (تظهر مباشرةً ضمن محتوى صفحتك) وأداة نافذة منبثقة/حوارية (تفتح كتراكب عند النقر على زر)، ثم الصق المقتطف المطابق.

كيفية تمرير الأداة لصفحتك

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

إذا لم يناسب ذلك تخطيطك، فأوقف تحرك صفحتك بإضافة "scrollOnStepChange": false إلى رمز الأداة الذي ألصقته:

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOnStepChange":false}'></div>

إذا كان رأس صفحتك يختفي أثناء تمرير الزوار إلى الأسفل ويظهر مجدداً أثناء تمريرهم إلى الأعلى، فلن تتمكن الأداة من قياسه، وقد ينتهي الأمر بظهور أعلى النموذج خلفه. بدلاً من إيقاف التمرير، امنح الأداة ارتفاع رأس صفحتك بالبكسل:

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOffset":80}'></div>

استنساخ أداة موجودة (الأدوات الكلاسيكية)

إذا كنت تستخدم محرر الأدوات الكلاسيكي، يمكنك استنساخ أداة بدلاً من إنشائها من جديد:

1. انتقل إلى الأدوات
2. حدد أداة موجودة
3. انقر على استنساخ
4. اختر القناة المستهدفة وأكد الاختيار

خصّص الأداة المستنسخة، ثم انشرها وانسخ الرمز إلى موقعك.