# أداة الحجز عبر الإنترنت للموقع الإلكتروني

ستساعد الأداة العملاء على حجز خدماتك عبر تيليغرام وعلى موقعك الإلكتروني.

<div data-with-frame="true"><figure><img src="/files/71de25bf90ba90b9ee0d8484e699a73bd976300c" alt="" width="563"><figcaption></figcaption></figure></div>

يمكن دمج الأداة سواءً في موقع إلكتروني مُنشأ باستخدام MaviBot أو في صفحة هبوط تم إنشاؤها باستخدام أدوات إنشاء أخرى.

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

{% hint style="info" %}
أولًا، تحتاج إلى إنشاء فرع وإعداد الخدمات من خلال إسنادها إلى الموظفين. لقد شرحنا كيفية القيام بذلك في مقال "إعدادات خدمة الحجز".
{% endhint %}

للبدء، انتقل إلى قسم "الأدوات"، الذي يمكنك العثور عليه في القائمة العلوية.

<div data-with-frame="true"><figure><img src="/files/0309eaca507d5f0657032f15ee6820c0376cdbe4" alt="" width="563"><figcaption></figcaption></figure></div>

إذا لم يتم إنشاء أي أدوات في المشروع بعد، فسترى أربعة أزرار في منتصف الشاشة في قسم "الأدوات".

<div data-with-frame="true"><figure><img src="/files/db65fa00b78acfef5de3817dd1e60998487727a6" alt=""><figcaption></figcaption></figure></div>

انقر على زر "أداة الحجز عبر الإنترنت"، وستُنقل إلى إعدادات الأداة.

<div data-with-frame="true"><figure><img src="/files/a3547ff52658bbb3eecb2822717004cf10bd0097" alt=""><figcaption></figcaption></figure></div>

### المعلومات الرئيسية

في علامة التبويب هذه، تحتاج إلى إدخال اسم الأداة (الذي سيظهر على الموقع الإلكتروني) ونطاق الموقع الذي تريد أن تظهر فيه أداة الحجز عبر الإنترنت (إذا لم يكن الموقع مبنيًا باستخدام MaviBot).&#x20;

<figure><img src="/files/909c2261568426fd097758f8aea4c5f89b12fdba" alt="" width="563"><figcaption></figcaption></figure>

إذا كان الموقع مبنيًا باستخدام أداة إنشاء MaviBot، فافتح علامة التبويب "المواقع" وانسخ رابط موقع MaviBot الخاص بك.

<div data-with-frame="true"><figure><img src="/files/8edca09cbb659848791ac0bbcfff96b5b9dd8e32" alt="" width="563"><figcaption></figcaption></figure></div>

&#x20;بعد ذلك، اختر الفرع الذي ستظهر خدماته وموظفوه في الأداة.

<div data-with-frame="true"><figure><img src="/files/0be08d38ce935c97f6240cfa74bd69996bf63304" alt="" width="563"><figcaption></figcaption></figure></div>

يمكنك أيضًا إضافة رابط لسياسة الخصوصية ورابط للموافقة على البيانات.

<div data-with-frame="true"><figure><img src="/files/17fee459b9490ae6dec0da30bf2c800a64146910" alt="" width="563"><figcaption></figcaption></figure></div>

يمكنك الآن الانتقال إلى تخصيص الأداة.

### التحليلات

يمكنك أيضًا إعداد أحداث التحليلات.

<div data-with-frame="true"><figure><img src="/files/66aca1d2d617d91361021c150f7be6279aee582e" alt=""><figcaption></figcaption></figure></div>

للقيام بذلك، أدخل معرّف Facebook Pixel أو Google Analytics أو Metrica في الحقل المقابل وحدد قيمة الحدث.

<div data-with-frame="true"><figure><img src="/files/81f3235e857b1b8b7c8c3de87a5528636feb4c54" alt="" width="325"><figcaption><p>على سبيل المثال، كيفية إدخال البيانات</p></figcaption></figure></div>

### إعدادات المظهر

<div data-with-frame="true"><figure><img src="/files/aeaaae7a882e056f3de958c335b713d433eec562" alt=""><figcaption></figcaption></figure></div>

سيظهر الشعار واسم الأداة في ترويسة الأداة.

<div data-with-frame="true"><figure><img src="/files/bd080baf5a8c616f429d2dec7bd8fa867bdb1546" alt="" width="375"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/05b2ce337f5a03863597626110efba8515454878" alt="" width="375"><figcaption></figcaption></figure></div>

**نظام ألوان الأداة**

يمكنك اختيار نظام ألوان الأداة وفقًا لتفضيلاتك:

1. خلفية الأداة:.
2. سيعرض موضوع العلامة التجارية الرئيسي للأداة الأزرار والأسعار والأيقونات بنظام الألوان المحدد.
3. لون النص: يغيّر لون نص الزر أو النص الرئيسي حسب الخيار المحدد.
4. نص الزر.

<div data-with-frame="true"><figure><img src="/files/ad048b71abaf69e1b28c312dbaeb5526080cd798" alt=""><figcaption></figcaption></figure></div>

افتراضيًا، تعرض الأزرار النص **"اختيار الخدمات"** و **"اختيار المتخصص**،"، ولكن يمكنك تخصيص النص كما تريد:

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

انتقل إلى وضع تحرير الموقع الإلكتروني.

<div data-with-frame="true"><figure><img src="/files/d01a3af4f8ef8788b3bc70cc589e100d71ab7235" alt=""><figcaption></figcaption></figure></div>

بعد ذلك، ابحث عن **"الحجز عبر الإنترنت"** في القائمة وأضفه.

<div data-with-frame="true"><figure><img src="/files/02ce7a2f131a5ad42668642e3f6b75f71215b0cf" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/faafa5734a672b59377a0e6f9235f5f40a200e70" alt=""><figcaption></figcaption></figure></div>

إذا لزم الأمر، يمكنك تعديل إعدادات الخلفية والعرض لقسم الأداة. للقيام بذلك، مرّر المؤشر فوق القسم وانقر على **"الإعدادات المتقدمة"** علامة التبويب.

<div data-with-frame="true"><figure><img src="/files/b1f021feb301b6cb70a5d6b4d76aabf28bc71680" alt="" width="375"><figcaption></figcaption></figure></div>

اضبط الخلفية وإعدادات العرض المطلوبة.

<div data-with-frame="true"><figure><img src="/files/3009b511252d6bf99f1de255f51f5fbd08e80d98" alt="" width="375"><figcaption></figcaption></figure></div>

احفظ إعدادات الموقع.\r\nالآن يمكن لعملائك حجز الخدمات على مدار الساعة بمجرد زيارة موقعك الإلكتروني&

**كيفية تضمين الأداة على موقع إلكتروني آخر**

بعد حفظ الأداة، حدّث الصفحة لرؤية الكتلة التالية التي تحتوي على نص البرمجة الخاص بالأداة وحقل لإدخال اسم القسم.

<div data-with-frame="true"><figure><img src="/files/1f32766ced13cd119291114b29f2d04491387d22" alt="" width="563"><figcaption></figcaption></figure></div>

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

إذا كنت تستخدم الأداة على مواقعك الخاصة غير المبنية باستخدام MaviBot، فتأكد من إدخال فئة العنصر في الحقل المخصص.

<div data-with-frame="true"><figure><img src="/files/2096b8bdf1df1d14142233d55bf6820b8bc953a5" alt="" width="563"><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/ar/booking/widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.