حجز الطاولات على Squarespace

خيارات Squarespace الخاصة

تقدّم Squarespace منتجًا للمواعيد موجّهًا إلى الصالونات والمستشارين. فهو يحجز شخصًا واحدًا في موعد واحد، وهذا ليس شأن المطعم: لديك عشرون طاولة بأحجام مختلفة، ومدد إشغال تتفاوت بحسب حجم المجموعة، ومطبخ لا يستطيع إجلاس الجميع في 7:30. والطريق الآخر الذي يسلكه مستخدمو Squarespace هو أداة منصة تسويقية، وفيها رسوم عن كل ضيف واشتراك شهري. راجع مقارنتنا مع OpenTable لتعرف كلفة ذلك.

بُني Nabsie حول الطاولات ومدد الإشغال وتنظيم الوتيرة، وهو مجاني حتى 50 حجزًا في الشهر، ثم £14.99 في الشهر، دون رسوم على عدد الضيوف.

إضافة نموذج الحجز إلى صفحة

1. افتح الصفحة في المحرر وانقر Edit.
2. أضف كتلة في المكان الذي تريد ظهور النموذج فيه واختر Code.
3. اترك النوع على HTML والصق كود الدمج:

<script src="https://my.nabsie.com/embed.js" data-venue="your-venue"></script>

4. انقر Apply، ثم Save.

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

زر «احجز طاولة» في أعلى الصفحة

يريد معظم المطاعم زرًا في شريط التنقل بدلًا من نموذج مدفون في صفحة. أبسط طريقة هي إضافة زر في الرأس من Site styles، أو رابط في التنقل، يشير إلى صفحة الحجز على https://your-venue.nabsie.com/. اضبطه ليفتح في تبويب جديد. لا يحتاج إلى كود ويعمل في قوائم الجوال أيضًا.

إذا أردت أن يفتح الزر النموذج في نافذة منبثقة فوق صفحتك بدلًا من ذلك، فالصق نسخة الزر من السكربت في كتلة Code في التذييل أو في الصفحة:

<script src="https://my.nabsie.com/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>

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

اجعلها تتطابق مع موقعك

في لوحة تحكم Nabsie اختر لون الهوية وارفع شعارك. يستخدمهما النموذج. وخلفيته شفافة فيتخذ لون القسم الذي يوجد فيه. وإذا كان موقعك يستخدم قسمًا داكنًا، فضع النموذج في قسم فاتح، فهو مصمم للخلفيات الفاتحة.

Fluid Engine وتخطيط الجوال

في Fluid Engine (Squarespace 7.1) يمكن تغيير حجم كتلة Code بحرية. امنحها العرض الكامل للقسم على الجوال، ونحو 600px على سطح المكتب، حتى لا يضيق النموذج. تحقق من عرض الجوال في المحرر: النموذج مصمم للهاتف أولًا ويجب أن يبدو سليمًا دون أي تعديل.

أشياء ينبغي مراقبتها

• لا تلصق الكود في كتلة Text فسيظهر كنص. يجب أن تكون كتلة Code.
• Code injection في Squarespace (في الإعدادات) مخصص للسكربتات التي تعمل على الموقع كله. يمكنك وضع سكربت الزر هناك ليظهر الزر في كل صفحة، أما لنموذج في صفحة واحدة فاستخدم كتلة Code.
• إذا كنت تستخدم شريط ملفات الارتباط في Squarespace بالوضع الصارم، فلا يتأثر الدمج لأنه لا يضع أي ملفات ارتباط على نطاقك.