انتقل إلى المحتوى الرئيسي

أداة الحجز عبر الإنترنت والتثبيت

اسمح لعملائك بحجز المواعيد مباشرة من موقعك الإلكتروني -- 24 ساعة في اليوم، 7 أيام في الأسبوع. تمنح أداة الحجز عبر الإنترنت من autoGMS ورشتك تجربة حجز احترافية تتوافق مع علامتك التجارية وتغذي الحجوزات مباشرة في لوحة تحكمك. لا حاجة لمكالمات هاتفية، ولا إدخال مزدوج، ولا فرص ضائعة.

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

نظرة عامة​

أداة الحجز عبر الإنترنت هي نموذج حجز ذاتي الخدمة يمكنك إضافته إلى أي موقع إلكتروني. عندما يزور عميل موقعك، يمكنه اختيار نوع المركبة، واختيار الخدمات، وإدخال بياناته، وتقديم طلب حجز -- كل ذلك دون مغادرة صفحتك.

إليك ما تقدمه لورشتك:

  • قبول الحجوزات على مدار الساعة، حتى عندما تكون مغلقًا
  • عرض قائمة خدماتك الحية مع أسعار اختيارية
  • جمع بيانات العملاء ومعلومات المركبات والتواريخ المفضلة
  • إنشاء حجز جديد في لوحة تحكم autoGMS تلقائيًا
  • العمل على أجهزة الكمبيوتر والهواتف المحمولة
  • التوافق مع ألوان وأسلوب علامتك التجارية

هناك طريقتان يمكن لعملائك استخدام نموذج الحجز:

  1. صفحة الحجز -- تجربة حجز مخصصة بملء الشاشة يستضيفها autoGMS. تحصل على رابط فريد (مثل book.myautogms.com/your-garage) يمكنك مشاركته في أي مكان: وسائل التواصل الاجتماعي، وGoogle Business، وتوقيعات البريد الإلكتروني، والمزيد.
  2. إضافة إلى الموقع -- أداة مدمجة تلصقها في موقعك الإلكتروني الحالي. تُحمّل مباشرة داخل صفحتك فلا يحتاج العملاء لمغادرة موقعك أبدًا.

تتم إدارة كلا الخيارين من مكان واحد: صفحة التثبيت داخل لوحة تحكم ورشتك.

كيفية الوصول​

  1. سجّل الدخول إلى لوحة تحكم autoGMS.
  2. تأكد من اختيار الورشة الصحيحة (إذا كنت تدير أكثر من واحدة).
  3. افتح الحجز الإلكتروني من قسم الحجوزات والأعمال في الشريط الجانبي. يمكنك أيضاً فتح أداة الحجز من قائمة الإعدادات.

قبل نسخ كود التضمين، أضف نطاق الموقع الذي ستثبت عليه الأداة واعتمده. يتم ذلك مباشرة من علامة إضافة إلى الموقع.

من المفيد معرفته: الوصول إلى صفحة التثبيت يتطلب دور مالك ورشة أو مدير أو مسؤول. لا يمكن لموظفي الاستقبال والفنيين الوصول إلى هذه الصفحة.

إعداد النطاق: تفويض موقعك​

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

ما ستراه​

في علامة إضافة إلى الموقع، تتيح لك بطاقة نطاقات الموقع المسموح لها بعرض النموذج إضافة عنوان موقعك ومراجعة حالة اعتماد كل نطاق.

خطوة بخطوة: إضافة نطاقك الأول​

  1. في بطاقة نطاقات الموقع المسموح لها بعرض النموذج، اكتب عنوان موقعك الإلكتروني في حقل النص (على سبيل المثال، www.mygarage.com أو mygarage.co.uk).
  2. لا تحتاج لتضمين https:// -- النظام يزيله تلقائيًا.
  3. انقر على إضافة نطاق.
  4. سترى رسالة تأكيد. حسب إعدادك، قد تتم الموافقة على النطاق فورًا أو قد يظهر بحالة "قيد المراجعة" حتى يتم التحقق منه.
  5. بمجرد الموافقة على نطاق واحد على الأقل، يصبح زر نسخ كود الموقع متاحًا.

من المفيد معرفته: يمكنك إضافة عدة نطاقات إذا كان لورشتك أكثر من موقع إلكتروني. يظهر كل نطاق في قائمة نطاقات الموقع المعتمدة مع شارة حالة توضح ما إذا كان "معتمدًا" أو "قيد المراجعة".

إذا كنت بحاجة للتحقق من حالة نطاقك أو تحديثها، انقر على تحديث داخل بطاقة نطاقات الموقع المعتمدة.

صفحة التثبيت: أربع علامات تبويب​

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

علامة التبويب 1: صفحة الحجز​

هذه العلامة مخصصة لـ صفحة الحجز المستقلة -- تجربة الحجز المخصصة بملء الشاشة التي يستضيفها autoGMS.

ما ستراه​

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

ما يمكنك تخصيصه​

المحرر على اليسار منظم في أقسام مُعنونة بوضوح:

العلامة التجارية

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

إظهار اللوحات

استخدم مفاتيح التبديل هذه لإظهار أو إخفاء أقسام محددة في صفحة الحجز:

  • المميزات -- عرض صف من شارات المميزات التي تبرز نقاط قوة ورشتك (مثل "فنيون معتمدون" أو "خدمة في نفس اليوم").
  • المعرض -- عرض عرض صور دوار لورشتك أو فريقك أو الأعمال المنجزة.
  • الخريطة -- عرض بطاقة Google Maps تفاعلية بعنوان ورشتك ورابط "الحصول على الاتجاهات".
  • بطاقة المعلومات -- عرض بطاقة بساعات العمل ورقم الهاتف والبريد الإلكتروني وتفاصيل الاتصال عبر WhatsApp.

شارات المميزات (تظهر عند تفعيل مفتاح المميزات)

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

المعرض (يظهر عند تفعيل مفتاح المعرض)

  • انقر على إضافة صورة لإضافة فتحة معرض جديدة.
  • الصق عنوان URL لكل صورة تريد عرضها. يمكنك إضافة حتى 6 صور.
  • سيرى العملاء هذه في عرض دوار مع أسهم تنقل ومؤشرات نقطية.
  • احذف أي صورة بالنقر على زر X بجانبها.

تكامل التقييمات

  • إذا كنت تستخدم أداة تقييمات خارجية (مثل Google Reviews أو Trustpilot)، يمكنك لصق رمز التضمين الخاص بها هنا. سيظهر على صفحة الحجز لبناء الثقة مع العملاء الجدد.

نسخ رابط صفحة الحجز​

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

  • في سيرتك الذاتية على Instagram أو Facebook
  • في ملف Google Business الخاص بك
  • في توقيعات البريد الإلكتروني
  • في رسائل WhatsApp للعملاء
  • على النشرات المطبوعة أو بطاقات العمل (فكر في إنشاء رمز QR من الرابط)

إضافة لينك الحجز إلى جوجل ماب أو Google Business​

إذا كنت تحتاج اللينك لإضافته في جوجل ماب أو Google Maps أو Google Business Profile أو زر "الحجز أونلاين"، فاستخدم رابط صفحة الحجز. افتح التثبيت > المعاينة > صفحة الحجز > فتح في علامة تبويب جديدة، وانسخ رابط الصفحة، ثم ألصقه في حقل الحجز أو المواعيد أو الموقع الإلكتروني أو الروابط داخل Google Business Profile.

لا تستخدم رابط جوجل ماب من إعدادات الموقع لهذا الغرض. رابط الخريطة يساعد العملاء على الوصول إلى الورشة، لكنه ليس رابط الحجز الإلكتروني.

حفظ تغييراتك​

في أسفل الصفحة، يعرض شريط ثابت ما إذا كانت لديك تغييرات غير محفوظة:

  • إذا رأيت "تغييرات غير محفوظة"، انقر على حفظ لتطبيق تخصيصاتك.
  • انقر على إعادة تعيين إذا كنت تريد إرجاع كل شيء إلى الإعدادات الافتراضية. سيُطلب منك التأكيد قبل إتمام إعادة التعيين.

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

علامة التبويب 2: نموذج الحجز​

هذه العلامة مخصصة لتحديد ما يراه العملاء في نموذج الحجز قبل مشاركة الرابط أو تضمين الأداة في موقعك.

ما ستراه​

هذه العلامة تعرض نموذج الحجز بعرض كامل، وتركز على الحقول والنصوص التي يراها العميل وتخطيط الأداة ومظهرها.

تخصيص النموذج​

يتيح لك هذا القسم التحكم في شكل نموذج الحجز والحقول التي يحتاج عملاؤك لملئها.

الحقول

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

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

التخطيط

ضبط دقيق لكيفية تناسب الأداة في صفحتك:

  • الحد الأقصى للعرض -- الحد الأقصى لعرض الأداة (افتراضي: 480px). زِد هذا إذا كنت تريد النموذج أعرض على الشاشات الكبيرة.
  • الحد الأقصى للارتفاع -- الحد الأقصى لارتفاع الأداة (افتراضي: 720px).
  • نصف قطر الحدود -- مدى استدارة زوايا الأداة (افتراضي: 12px). اضبطه على 0px لزوايا حادة.
  • الحشوة -- مساحة إضافية حول داخل الأداة (افتراضي: 0px).

المظهر

التحكم في التنسيق البصري للنموذج:

  • اللون الأساسي -- اللون المميز المستخدم في جميع أنحاء النموذج (الخدمات المختارة، إبرازات نوع المركبة، إلخ).
  • لون الزر -- لون أزرار الإجراء الرئيسية ("متابعة" و"احجز الآن").
  • نص العنوان -- النص المعروض في أعلى النموذج (اسم ورشتك افتراضيًا).
  • نص الزر -- التسمية على زر الإرسال النهائي (افتراضي "احجز الآن").

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

علامة التبويب 3: المعاينة​

هذه العلامة مخصصة لمراجعة تجربة العميل قبل مشاركة الرابط أو تثبيت الأداة.

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

علامة التبويب 4: إضافة إلى الموقع​

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

كود الموقع​

تمنحك هذه البطاقة مقطع الرمز المطلوب لتضمين أداة الحجز على موقعك الإلكتروني.

خطوة بخطوة: الحصول على رمز الأداة

  1. تحقق من منطقة نطاقات الموقع المسموح لها بعرض النموذج أعلى البطاقة.
  2. إذا لم يكن هناك نطاق معتمد، أضف نطاق موقعك أولاً. يبقى زر نسخ كود الموقع معطلاً حتى تتم الموافقة على نطاق واحد على الأقل.
  3. عندما ترى نطاق الموقع جاهز، انقر على نسخ كود الموقع. يتم نسخ الرمز إلى حافظتك فورًا.
  4. إذا كنت تريد رؤية الرمز الفعلي قبل النسخ، انقر على إظهار الرمز. هذا يوسع منطقة معاينة الرمز.
  5. انقر في أي مكان على معاينة الرمز لنسخه أيضًا.

كود الموقع هو مقطع HTML صغير يُحمّل نموذج الحجز تلقائيًا عند فتح صفحتك. لا تحتاج لفهم الرمز -- فقط الصقه حيث تريد ظهور نموذج الحجز على موقعك.

إليك كيف يبدو المقطع (معرف ورشتك سيكون مختلفًا):

<!-- autoGMS InstantBook Widget -->
<div id="auto-gms-booking-widget"></div>
<script
  src="https://autogms.onrender.com/static/js/booking-widget.js"
  data-garage-id="YOUR_GARAGE_ID"
  data-container-id="auto-gms-booking-widget"
  data-mode="embedded"
  async
  defer
></script>

لن تحتاج أبدًا لتعديل هذا المقطع. فقط انسخه من لوحة التحكم والصقه في موقعك الإلكتروني.

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

من المفيد معرفته: صُممت الأداة لتعمل على نطاق موقع مباشر ومفوّض في autoGMS. معاينات المطورين على localhost مسموحة، لكن فتح ملف HTML محفوظ مباشرة من جهازك قد لا يعمل لأنه لا يملك نطاق موقع عاديًا.

أدلة التثبيت حسب المنصة​

قسم الأكورديون القابل للتوسيع هذا يوفر تعليمات خطوة بخطوة لتثبيت InstantBook على أشهر منصات المواقع الإلكترونية. انقر على أي اسم منصة لتوسيع دليلها.

قبل أن تبدأ:

  1. أضف نطاق موقعك من منطقة نطاقات الموقع المسموح لها بعرض النموذج في علامة إضافة إلى الموقع وتأكد من الموافقة عليه.
  2. انتظر حتى تعرض البطاقة نطاق الموقع جاهز.
  3. انقر على نسخ كود الموقع.
  4. الصق المقطع كاملًا كما نُسخ. يحتوي على عنصر الحاوية <div> وسكربت التحميل <script>.
  5. انشر الصفحة، ثم اختبر تدفق الحجز من الموقع المباشر.

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

قد تتغير محررات المنصات بمرور الوقت. إذا كان اسم الزر مختلفًا قليلًا عن النص أدناه، ابحث عن ما يقابله في المنصة مثل Custom HTML أو Code أو Embed أو Custom Liquid أو Code Embed.

WordPress

استخدم كتلة HTML مخصصة في الصفحة التي تريد أن يحجز العملاء منها.

  1. سجّل الدخول إلى لوحة تحكم WordPress.
  2. افتح Pages أو Posts، ثم عدّل الصفحة التي يجب أن يظهر فيها نموذج الحجز.
  3. إذا كنت تستخدم محرر الكتل (Gutenberg)، انقر على +، وابحث عن Custom HTML، ثم أضف هذه الكتلة.
  4. إذا كنت تستخدم المحرر الكلاسيكي، انتقل من Visual إلى وضع Text أو HTML.
  5. الصق مقطع autoGMS كاملًا داخل كتلة HTML المخصصة أو محرر HTML.
  6. إذا كنت تستخدم Elementor أو Divi أو WPBakery أو منشئ صفحات مشابه، أضف عنصر HTML أو Code أو Custom Code والصق المقطع فيه.
  7. حدّث الصفحة أو انشرها.
  8. افتح الصفحة العامة في نافذة متصفح عادية وأرسل حجزًا تجريبيًا.

إذا حذف WordPress وسم السكربت، تحقق مما إذا كان دور المستخدم لديك يسمح بإضافة سكربتات مخصصة. ينظف WordPress محتوى HTML للمستخدمين الذين لا يملكون صلاحية unfiltered_html، وقد تقيّد بعض إضافات الأمان أو الاستضافات المُدارة تضمين السكربتات. اطلب من مدير الموقع إضافة الأداة أو استخدم إضافة موثوقة للرموز المخصصة إذا كان حسابك لا يستطيع حفظ السكربت.

Shopify

استخدم قسم Custom Liquid أو Custom HTML في الصفحة التي يجب أن يظهر فيها النموذج.

  1. سجّل الدخول إلى Shopify Admin.
  2. انتقل إلى Online Store > Themes.
  3. في القالب الحالي، انقر على Customize.
  4. افتح قالب الصفحة التي تريد أن يظهر فيها InstantBook.
  5. أضف قسمًا أو كتلة باسم Custom Liquid أو Custom HTML أو اسم مشابه.
  6. الصق مقطع autoGMS كاملًا في ذلك الحقل.
  7. احفظ القالب.
  8. افتح صفحة المتجر وتأكد من تحميل الأداة.

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

Wix

استخدم عنصر Embed HTML في Wix. هذه هي الطريقة الموصى بها لـ Wix.

  1. افتح موقعك في محرر Wix.
  2. إذا كنت تستخدم محرر Wix الكلاسيكي، انقر على + Add Elements في اليسار. إذا كنت تستخدم محرر Wix Harmony الأحدث، انقر على + Add في أعلى اليسار.
  3. اختر Embed Code أو Embed.
  4. اختر Embed HTML أو Embed code.
  5. ضع صندوق HTML في المكان الذي تريد ظهور نموذج الحجز فيه.
  6. انقر على Enter Code.
  7. الصق مقطع autoGMS كاملًا، بما في ذلك <div> و<script>.
  8. غيّر حجم صندوق HTML حتى يحصل النموذج على مساحة كافية. ارتفاع يقارب 720px نقطة بداية جيدة.
  9. إذا طلب Wix اسمًا لسهولة الوصول أو فئة للكوكيز، استخدم اسمًا واضحًا مثل autoGMS booking form واختر الفئة التي تطابق إعدادات الخصوصية والكوكيز في موقعك.
  10. عاين الصفحة، ثم انشرها.
  11. اختبر الموقع المباشر بعد النشر.

إذا منع Wix السكربت أو لم يتغير حجم النموذج بشكل جيد، استخدم رابط صفحة الحجز بدلًا من ذلك:

<iframe src="YOUR_BOOKING_PAGE_LINK" width="100%" height="720" style="border:0;"></iframe>

الصق رمز iframe هذا في عنصر Embed HTML نفسه واستبدل YOUR_BOOKING_PAGE_LINK برابط صفحة الحجز لديك.

Squarespace

استخدم Code Block في الصفحة التي تريد أن تظهر فيها الأداة.

  1. سجّل الدخول إلى Squarespace.
  2. افتح الصفحة التي تريد إضافة InstantBook إليها.
  3. انقر على Edit.
  4. أضف كتلة محتوى واختر Code.
  5. تأكد من أن الكتلة مضبوطة على HTML.
  6. احذف أي محتوى تجريبي.
  7. الصق مقطع autoGMS كاملًا داخل Code Block.
  8. إذا كان هناك خيار Display Source، اتركه متوقفًا.
  9. انقر على Apply، ثم Save.
  10. افتح الصفحة العامة واختبر تدفق الحجز.

إذا لم تُحمّل الأداة لأن السكربتات مقيّدة في خطتك أو قالبك، استخدم رابط صفحة الحجز داخل iframe:

<iframe src="YOUR_BOOKING_PAGE_LINK" width="100%" height="720" style="border:0;"></iframe>

تدعم Code Blocks في Squarespace رمز HTML في جميع الخطط، لكن JavaScript وتضمينات iframe قد تعتمد على خطة الموقع. إذا عرضت Code Block المقطع كنص أو حذفت iframe/script، تحقق من خطة Squarespace لديك وتأكد من أن نوع الكتلة مضبوط على HTML وأن خيار Display Source متوقف.

Webflow

استخدم عنصر Code Embed في Webflow.

  1. افتح الصفحة في Webflow Designer.
  2. افتح لوحة Add.
  3. أضف عنصر Code Embed في المكان الذي يجب أن يظهر فيه نموذج الحجز.
  4. الصق مقطع autoGMS كاملًا في محرر التضمين.
  5. احفظ وأغلق النافذة.
  6. انشر الموقع.
  7. افتح الصفحة المنشورة وأرسل حجزًا تجريبيًا.

يدعم Webflow Code Embed رمز HTML وCSS داخل وسوم <style> وJavaScript داخل وسوم <script>. لا يشغّل كودًا من جهة الخادم مثل PHP أو Python. لدى Webflow أيضًا حد لحجم الكود داخل التضمين الواحد، لكن مقطع autoGMS صغير بما يكفي للاستخدام العادي.

HTML مخصص / منصات إنشاء مواقع أخرى

استخدم هذه الطريقة للمواقع المبرمجة يدويًا، وتضمينات Framer، ومولدات المواقع الثابتة، أو أي منصة تسمح بلصق HTML مخصص.

  1. افتح الصفحة أو القالب الذي يجب أن يظهر فيه نموذج الحجز.
  2. أضف كتلة HTML أو Embed أو Code مخصصة في المكان الذي يجب أن يرى فيه العملاء النموذج.
  3. الصق مقطع autoGMS كاملًا داخل تلك الكتلة.
  4. تأكد من أن معرف الحاوية في المقطع يبقى مطابقًا لقيمة data-container-id في السكربت.
  5. إذا وضعت أكثر من أداة في صفحة واحدة، امنح كل حاوية معرفًا فريدًا وحدّث قيمة data-container-id المطابقة.
  6. انشر الصفحة أو ارفعها إلى نطاق موقعك.
  7. افتح الصفحة المباشرة وأكمل حجزًا تجريبيًا.

في الصفحة المبرمجة يدويًا، يمكن وضع المقطع داخل <body> في المكان الذي يجب أن يظهر فيه النموذج. لا تحتاج إلى وضعه داخل <head>.

المعاينة الحية للأداة​

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

ما ستراه:

تعرض لوحتان خطوتي النموذج:

  1. اختيار الخدمة -- الشاشة الأولى التي يراها عملاؤك. تعرض:

    • نص العنوان في الأعلى
    • محدد نوع المركبة (سيارة، SUV، شاحنة، رياضية)
    • قائمة خدماتك مع مربعات اختيار
    • زر "متابعة" في الأسفل

  2. تفاصيل الحجز -- الشاشة الثانية حيث يُدخل العملاء معلوماتهم:

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

لأن هذه المعاينة تستخدم سكربت الأداة الفعلي، فإن إرسال بيانات اختبار منها قد ينشئ حجزًا حقيقيًا بحالة معلق في لوحة التحكم. استخدم بيانات اختبار آمنة إذا أكملت النموذج من المعاينة.

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

تجربة الحجز الموجهة للعملاء​

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

على سطح المكتب (صفحة الحجز)​

عندما يزور عميل رابط صفحة الحجز على جهاز كمبيوتر، يرى تخطيطًا أنيقًا بلوحتين:

  • اللوحة اليسرى (البطل): منطقتك ذات العلامة التجارية مع شعارك واسم الورشة والوصف وشارات المميزات ومعرض الصور والخريطة وساعات العمل وتفاصيل الاتصال -- حسب ما فعّلته.
  • اللوحة اليمنى (النموذج): نموذج الحجز متعدد الخطوات.

على الهاتف (صفحة الحجز)​

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

على أي جهاز (إضافة إلى الموقع)​

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

تدفق الحجز (جميع الأجهزة)​

الخطوة 1: اختيار المركبة والخدمات

  1. يختار العميل نوع مركبته (سيارة، SUV، شاحنة، رياضية، أو غيرها حسب إعدادات ورشتك).
  2. يتصفح قائمة خدماتك وينقر لاختيار خدمة واحدة أو أكثر.
  3. اختياريًا، يمكنه توسيع قسم "صف مشكلتك" لكتابة ملاحظة تشخيصية نصية حرة.
  4. ينقر على متابعة.

الخطوة 2: إدخال البيانات والحجز

  1. يملأ العميل اسمه الأول واسم عائلته (مطلوب).
  2. يُدخل رقم هاتفه المحلي فقط، بينما يطبّق النظام رمز الاتصال الخاص بمنطقة ورشتك في الخلفية.
  3. يملأ أي حقول اخترت جعلها اختيارية أو إلزامية، مثل البريد الإلكتروني، ماركة/طراز المركبة، رقم التسجيل، VIN، العداد، التاريخ، وقت الوصول، أو الملاحظات.
  4. عند اختيار خدمة MOT، قد يظهر رقم التسجيل حتى لو كنت تخفيه عادة.
  5. اختياريًا، يضيف أي ملاحظات إضافية.
  6. ينقر على احجز الآن للإرسال.

الخطوة 3: التأكيد

بعد الإرسال الناجح، يرى العميل شاشة نجاح متحركة تحتوي:

  • رسالة تأكيد تشكره وتذكر اسم ورشتك
  • ملخص يعرض التاريخ المحدد والمركبة والخدمة
  • رسالة متابعة مطمئنة (على سبيل المثال، أن فريقك سيتواصل معه)
  • زر إغلاق

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

دعم اللغات​

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

كيف تظهر الحجوزات عبر الإنترنت في لوحة تحكمك​

عندما يقدم عميل حجزًا من خلال الأداة أو صفحة الحجز، يظهر في لوحة تحكم autoGMS تمامًا مثل أي حجز آخر.

  1. ستتلقى إشعارًا فوريًا (إذا كانت الإشعارات مفعّلة) ينبهك للحجز الجديد.
  2. يظهر الحجز في قائمة الحجوزات بحالة معلق.
  3. اسم العميل ورقم هاتفه وبريده الإلكتروني وتفاصيل المركبة والخدمات المختارة والتاريخ المفضل وأي ملاحظات -- كلها مملوءة مسبقًا من إرسال النموذج.
  4. من هناك، تتبع سير عمل الحجز العادي: مراجعة التفاصيل، تأكيد الحجز، تعيينه لحجرة وفني، ونقله عبر دورة الحياة (مؤكد، قيد الخدمة، مكتمل).

لا حاجة لإدخال بيانات يدوي -- كل ما كتبه العميل في النموذج يتدفق مباشرة إلى سجل الحجز.

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

نصائح وأفضل الممارسات​

الحصول على أكبر عدد من الحجوزات​

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

ترك انطباع أول رائع​

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

الحفاظ على سير العمل بسلاسة​

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

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

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

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

ماذا يحدث إذا حجز عميل وورشتي مغلقة؟ يُنشأ الحجز بحالة معلقة. ستراه في لوحة تحكمك في المرة القادمة التي تسجل فيها الدخول (أو قبل ذلك، إذا كانت الإشعارات مفعّلة على هاتفك). يختار العميل تاريخًا مفضلاً، فيمكنك مراجعته وتأكيده عند عودتك.

هل يمكنني إيقاف الحجوزات عبر الإنترنت مؤقتًا؟ نعم. إذا تم تعيين ورشتك لحالة غير نشطة في autoGMS، ستعرض صفحة الحجز غطاء "غير متصل" للعملاء مع تفاصيل الاتصال الخاصة بك. لن يتمكنوا من إرسال حجوزات حتى تعيد التفعيل.

هل ستبطئ الأداة موقعي الإلكتروني؟ لا. يُحمّل رمز الأداة بشكل غير متزامن، مما يعني أنه لا يمنع بقية صفحتك من التحميل. سيعمل موقعك تمامًا كما كان من قبل.

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

ما المعلومات التي يحتاج العميل لتقديمها؟ كحد أدنى، الاسم الأول واسم العائلة ورقم الهاتف ونوع المركبة والخدمة المختارة. أما بقية المعلومات فتعتمد على الحقول التي تجعلها إلزامية في تخصيص النموذج، وعلى قواعد الحجز مثل متطلبات MOT لرقم التسجيل أو الفترات الزمنية.

هل يمكنني تغيير مظهر النموذج بعد تثبيته على موقعي الإلكتروني؟ نعم. أي تغييرات تجريها على صفحة التثبيت تُحفظ في ورشتك وتسري فورًا. لا تحتاج لتحديث الرمز على موقعك -- تسحب الأداة إعداداتها من autoGMS في كل مرة تُحمّل.

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

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

ماذا لو أردت نماذج مختلفة لورش مختلفة؟ لكل ورشة في autoGMS صفحة تثبيت خاصة بها مع رمز أداة ورابط صفحة حجز خاصين. إذا كنت تدير عدة ورش، بدّل إلى الورشة الصحيحة في لوحة التحكم أولاً، ثم زر صفحة التثبيت الخاصة بها.

لماذا لا تظهر أداتي على موقعي الإلكتروني؟ تحقق من هذه الأشياء أولاً:

  • تأكد أن نطاق موقعك مفوّض (افتح التثبيت > إضافة إلى الموقع وتحقق من منطقة نطاقات الموقع المسموح لها بعرض النموذج).
  • تأكد أنك لصقت الرمز في منطقة من صفحتك تسمح بـ HTML (ليس داخل كتلة نص عادي).
  • جرب مسح ذاكرة التخزين المؤقت للمتصفح وتحديث الصفحة.
  • إذا كنت تستخدم بنّاء مواقع، تأكد أن كتلة HTML منشورة وليست في وضع المسودة.

هل يمكن للعملاء حجز عدة خدمات في وقت واحد؟ نعم. في خطوة اختيار الخدمة، يمكن للعملاء تحديد أي عدد من الخدمات يحتاجونها. تُضمّن جميع الخدمات المختارة في الحجز الذي يظهر في لوحة تحكمك.

مرجع سريع​

ما تريد فعلهأين تذهب
الحصول على رابط صفحة الحجزالتثبيت > علامة تبويب المعاينة > صفحة الحجز > فتح في علامة تبويب جديدة
تخصيص ترويسة صفحة الحجزالتثبيت > علامة تبويب صفحة الحجز
تخصيص حقول وألوان النموذجالتثبيت > علامة تبويب نموذج الحجز
مراجعة تجربة العميلالتثبيت > علامة تبويب المعاينة > صفحة الحجز أو نموذج الموقع
الحصول على كود الموقعالتثبيت > علامة تبويب إضافة إلى الموقع > زر نسخ كود الموقع
رؤية خطوات التثبيت حسب المنصةالتثبيت > علامة تبويب إضافة إلى الموقع > بطاقة أدلة المنصات
إضافة أو إدارة النطاقات المفوّضةالتثبيت > علامة تبويب إضافة إلى الموقع > منطقة نطاقات الموقع المسموح لها بعرض النموذج
عرض الحجوزات عبر الإنترنتصفحة الحجوزات في لوحة تحكمك (الحالة: معلق)