أداة الحجز
أضف أداة حجز إلى موقعك
سطر واحد من الكود يضع نموذج حجز يعمل في أي صفحة. أو زرًا يفتحه في نافذة منبثقة. أو مجرد رابط. دون إضافة ودون مطوّر ودون رسوم شهرية للأداة. مضمَّن في كل باقات Tablez، بما فيها المجانية.
Watch: Add Tablez to your website
Put a booking page or a Book a table button on WordPress, Wix, Squarespace or any website. 2 min
جرّبه
اختر نمطًا وانسخ الكود
اكتب المعرّف الخاص بمنشأتك (الجزء الأخير من رابط الحجز) وسيتحدث الكود. المنشأة التجريبية هي demo-arms.
الصق هذا حيث تريد ظهور نموذج الحجز. يتمدد ليناسب ويطابق عرض صفحتك.
<script src="https://tablez.uk/embed.js" data-venue="your-venue"></script>يضيف زر «احجز طاولة» بلون هويتك. وعند النقر عليه تُفتح صفحة الحجز في نافذة منبثقة. يمكنك تغيير النص واللون إن أردت.
<script src="https://tablez.uk/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>يمكن لأي زر أو رابط موجود أن يفتح النافذة المنبثقة أيضًا. امنحه الفئة tablez-open والسمة data-venue، وحمّل السكربت مرة واحدة في أي مكان في الصفحة.
للمنشئين الذين يسمحون بـ iframe فقط. اضبط الارتفاع ليناسبك، فـ 760px تكفي النموذج كله على معظم الشاشات.
<iframe src="https://tablez.uk/book/your-venue?embed=1" title="Book a table" style="width:100%;height:760px;border:0"></iframe>دون أي تغيير في موقعك. استخدمه في أي مكان: قوائم الطعام وGoogle وإنستغرام وتوقيعات البريد. ولمنشأتك أيضًا عنوان قصير خاص بها، مثل yourpub.tablez.uk في Standard وما فوقها (ورمز عشوائي مثل 5434.tablez.uk في الباقة المجانية)، ويؤدي إلى الصفحة نفسها ويسهل قوله بصوت مسموع.
https://tablez.uk/book/your-venueأي أسلوب ينبغي أن تستخدم؟
المدمج في الصفحة هو الأفضل إن كان لديك صفحة «احجز» أو قسم شاغر في صفحتك الرئيسية. يوضع النموذج في الصفحة، ويغيّر حجمه تلقائيًا بينما يتقدم العميل فيه، ويبدو جزءًا من موقعك. الزر هو الأفضل إن كنت لا تريد تغيير تخطيطك: يضع زرًا حيث تلصق السكربت، ويفتح النموذج فوق الصفحة. Iframe لمنصات البناء التي تحذف السكربتات لكنها تسمح بالدمج. الرابط لكل مكان آخر.
الأربعة تؤدي إلى صفحة الحجز نفسها، فيحصل العميل على التجربة نفسها مهما كانت طريقة وصوله. ويمكنك استخدام أكثر من واحدة معًا، مثل دمج داخل صفحة الحجوزات وزر في أعلى الصفحة.
كيف يعمل من الداخل
ينشئ السكربت إطار iframe يشير إلى صفحة الحجز في وضع الدمج، ما يخفي الترويسة والتذييل ويستخدم خلفية شفافة. وتخبر صفحة الحجز الصفحة الأم بارتفاعها كلما تقدم العميل، فلا يظهر شريط تمرير داخل شريط تمرير. ولا يُمسّ أي شيء آخر في صفحتك. حجم السكربت أقل من 4KB، ويُحمَّل بعد محتواك، ولا يضع أي ملفات ارتباط في موقعك.
ولأن النموذج يعمل على tablez.uk، فلن تتعامل مع بيانات العملاء على موقعك أبدًا، ولن تحتاج إلى تحديث أي شيء عندما نطوّر صفحة الحجز. يبقى كود الدمج الخاص بك كما هو إلى الأبد.
هل يعمل مع منشئ موقعي؟
نعم، إن كان يتيح لصق HTML. وهذا يشمل تقريبًا كل شيء:
- WordPress: الصقه في كتلة Custom HTML. دون حاجة إلى إضافة.
- Squarespace: كتلة Code في أي صفحة.
- Wix: عنصر Embed HTML، أو زر يرتبط بصفحتك.
- Shopify: قسم Custom Liquid أو صفحة بعرض HTML.
- Webflow وGoDaddy وWeebly وJimdo وCarrd وFramer: عنصر الدمج أو HTML فيها.
- HTML عادي بناه أحدهم قبل سنوات: الصقه في محرر نصوص وارفعه.
Google Sites وبعض المنشئين المجانيين يحذفون السكربتات. استخدم iframe أو الرابط هناك.
اجعلها تبدو كأنها لك
في لوحة تحكم Tablez، اختر لون الهوية وارفع شعارًا. يستخدمهما النموذج المدمج. وصفحة الحجز ليس لها تنسيق خاص يُذكر غير ذلك، فتناسب المواقع الفاتحة والداكنة على السواء. وإذا أردت أن يطابق زر «احجز طاولة» أزرار موقعك تمامًا، فتجاوز الزر المُنشأ واستخدم الفئة tablez-open على أحد أزرارك.
الجوال
صُمم النموذج للهواتف أولًا، لأن معظم الحجوزات تتم هناك. وعند دمجه في الصفحة يأخذ عرض شاشة الهاتف كاملًا. أما النافذة المنبثقة للزر فتملأ شاشة الهاتف وتظهر في لوحة وسطية على سطح المكتب. جرّبه على هاتفك بعد إضافته؛ ويُظهر العرض المباشر ما تتوقعه.
الأسئلة الشائعة
أسئلة عن الأداة
هل الأداة مجانية؟
نعم، في كل باقة بما فيها المجانية. إنه جزء من المنتج لا إضافة.
أين أجد معرّف منشأتي؟
في لوحة التحكم تحت صفحة الحجز. وهو الجزء الأخير من رابط الحجز، مثل the-old-mill في tablez.uk/book/the-old-mill. ولمنشأتك أيضًا نطاق فرعي خاص بها، مثل the-old-mill.tablez.uk في باقة Standard وما فوقها، مع رمز QR وملصق جاهز للطباعة في لوحة التحكم.
هل سيبطّئ موقعي؟
لا. السكربت صغير جدًا ويُحمَّل بعد صفحتك. ويُحمَّل النموذج نفسه داخل إطاره الخاص ولا يعطّل أي شيء في صفحتك.
هل يعرض «بدعم من Tablez»؟
في الباقة المجانية يظهر سطر صغير أسفل النموذج. وفي Standard وPro يُزال.
هل يمكنني وضعه في أكثر من صفحة أو موقع؟
نعم، بقدر ما تشاء. الكود نفسه في كل مكان.
ماذا لو كان موقعي على HTTPS وموقعكم لا، أو العكس؟
يعمل Tablez عبر HTTPS فقط، ويعمل الكود المدمج في المواقع التي تستخدم HTTP وHTTPS معًا. وإن كان موقعك ما زال على HTTP فمن الأفضل إصلاح ذلك على أي حال.