# ودجت الإثبات الاجتماعي

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

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

#### **كيف تعمل الأداة**

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

#### **الفوائد الرئيسية**

يوفر دمج هذه الأداة في موقعك الإلكتروني عدة مزايا استراتيجية:

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

## كيفية إنشاء الأداة وإعدادها

لإنشاء أداة، انتقل إلى علامة التبويب "Widgets" المقابلة.

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

ثم انقر على الزر **"Create a widget".**

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

ستظهر قائمة منسدلة تعرض الأدوات المتاحة لدمجها في الموقع الإلكتروني؛ يرجى اختيار الأداة التي تحتاجها من القائمة:

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

سيتم بعد ذلك توجيهك إلى صفحة إعدادات الأداة:

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

### معلومات عامة

#### اسم الأداة

حدد اسم الأداة في حقل الإعداد "Widget name":

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

{% hint style="info" %}
اسم الأداة حقل إلزامي وسيظهر فقط في قسم "Widgets"؛ ولن يكون مرئيًا لعملائك.
{% endhint %}

#### نطاق

هذا هو الحقل الإلزامي الثاني، حيث تحتاج إلى تحديد نطاق موقعك الإلكتروني:

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

يمكن أن يكون موقعًا مبنيًا على MaviBot، أو تم إنشاؤه باستخدام منصة Tilda، أو موقعك المخصص الخاص.

### إعدادات المحتوى العامة

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

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

{% hint style="info" %}
يرجى الانتباه إلى العناصر النائبة مثل \[name] و\[city] وغيرها — ستستخدمها عند إنشاء الرسائل داخل الأداة ضمن علامة التبويب "Widget Options".
{% endhint %}

#### عنصر نائب للاسم

تتيح حقول العناصر النائبة للاسم عرض أسماء الذكور أو الإناث بشكل محدد على الموقع الإلكتروني:

للتبديل بين الأسماء الذكورية أو الأنثوية، استخدم الحقل المقابل:

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

يمكنك أيضًا اختيار الأسماء بناءً على الموقع الجغرافي:

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

بعد ذلك سيتم تعديل اختيار الأسماء.

#### عنصر نائب للمدينة

يمكنك أيضًا اختيار الأسماء بناءً على الموقع الجغرافي:

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

#### **عنصر نائب للمبلغ**

يمكنك إدراج مبلغ في كتلة النص الخاصة بالأداة، ويمكن أن يكون ذلك قيمة ثابتة أو رقمًا يتم إنشاؤه عشوائيًا ضمن نطاق محدد:

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

لإدخال مبلغ دقيق، استخدم الحقل الفارغ على اليمين:

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

إذا اخترت نوع "sum from range"، فستحتاج إلى إدخال القيم الدنيا والقصوى في الحقول لتوليد رقم عشوائي ضمن ذلك النطاق:

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

إذا لزم الأمر، يمكنك أيضًا تحديد عدد المنازل العشرية للتقريب:

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

### عنصر نائب لمتغير مخصص

لإدراج متغيراتك المخصصة في الأداة، انقر على **"Add variable"** الزر.

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

ستحتاج إلى تحديد اسم المتغير باستخدام الأقواس المربعة في النافذة المنبثقة التي تفتح.

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

بعد ذلك، أدخل قيم المتغير، مع التأكد من أن كل قيمة جديدة مكتوبة في **سطر جديد** دون فواصل أو أي فواصل أخرى:

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

بعد ذلك، انقر على "Save" لتخزين القيم في النظام:

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

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

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

لاستخدام المتغير لاحقًا، أدخل اسمه بين قوسين مربعين في حقل "Main Text" ضمن قسم "Content":

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

### شروط تشغيل الأداة

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

#### الفاصل الزمني

يمكنك ضبط توقيت عرض الأداة على الموقع الإلكتروني باستخدام ميزة "When to show the widget":

1. **فورًا**\
   سيؤدي هذا الإعداد إلى عرض الأداة فورًا عند فتح المستخدم للموقع الإلكتروني.
2. **بعد تأخير**

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

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

يُضبط الفاصل الزمني بالثواني، مع قيمة دنيا قدرها ثانية واحدة وقيمة قصوى قدرها 15 ثانية.

3. **بعد التمرير**

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

يعني شرط "بعد التمرير" أن الأدوات ستبدأ بالعمل على الموقع بعد أن يقوم المستخدم بالتمرير لمسافة تعادل عددًا محددًا من البكسلات.

#### الفاصل الزمني

هناك أيضًا شرط تشغيل آخر:

1. مدة العرض:
   * اضبط القيمة بالثواني.
   * يحدد ذلك المدة التي ستظل فيها الأداة مرئية قبل اختفاء الإشعار.
2. الفاصل بين التأخيرات
   * اضبط القيمة بالثواني.
   * يحدد ذلك التأخير بين عروض الأداة — بعد ظهور إشعار واحد، لن يظهر الإشعار التالي إلا بعد مرور العدد المحدد من الثواني.

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

#### تعيين شرط

&#x20;دعنا نلقِ نظرة أقرب على الشروط المتاحة.

1. معلمات UTM

{% hint style="info" %}
للتعرّف على ما هي وسوم UTM وكيفية استخدامها، نوصي بقراءة المقال "[كيفية نقل وسوم UTM](/doc/ar/faq/questions/...nql-wswm-utm.md)."
{% endhint %}

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

أدخل اسم الوسم المطلوب في الحقل المخصص:

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

بعد ذلك، اختر العامل الذي يطابق الوسم مع القيمة:

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

{% hint style="info" %}
ما الفرق بين يحتوي/لا يحتوي ويساوي/لا يساوي؟

الفرق الرئيسي هو أن العامل "يحتوي/لا يحتوي" يتحقق مما إذا كان وسم UTM يتضمن (أو لا يتضمن) قيمة معينة.<br>

أما العامل "يساوي" فيتطلب تطابقًا دقيقًا، أي إن النظام يبحث عن وسم UTM يطابق القيمة المحددة تمامًا (وبالمثل، يعمل "لا يساوي" بالعكس).
{% endhint %}

ثم أدخل القيمة المطلوبة لوسم UTM:

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

2. البلد

يمكنك أيضًا اختيار شرط "Country"، والذي سيعرض الأداة بناءً على بلد عنوان IP الخاص بالزائر.

حدد البلد المطلوب من القائمة، وكذلك نوع العامل ("is" أو "is not"):

3. الجهاز

إذا لزم الأمر، طبّق شرط **"Device"** لعرض الأداة وفقًا لنوع جهاز الزائر المستخدم للوصول إلى الموقع:

تتضمن الإعدادات أيضًا ميزة إضافة قيم متعددة لعرض الأداة. ما عليك سوى النقر على "+ Add Value" وتعيين شرط إضافي واحد أو أكثر حسب الحاجة:

## خيارات الأداة

بعد الانتهاء من إعداد الأداة، انتقل إلى **"Widget options"** علامة التبويب:

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

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

### المحتوى

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

يمكنك إدخال النص الثابت أو المتغيرات الديناميكية (مثل، `[name]`, `[sum]`, `[city]`) في **العنوان** و **النص الرئيسي** الحقول. عندما تكون الأداة نشطة، سيستبدل النظام هذه المتغيرات تلقائيًا بالقيم الفعلية التي تم إعدادها في إعدادات الأداة.

#### الأيقونة

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

سيتم عرض الأيقونة داخل الإشعار المنبثق:

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

### المظهر

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

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

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

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

2. إعدادات زوايا الإشعار: يمكنك اختيار زوايا مستديرة أو مربعة أو دائرية بالكامل للرسالة على الموقع الإلكتروني:

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

#### إخفاء زر إغلاق الأداة

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

سيؤدي مربع الاختيار هذا إلى إخفاء زر الإغلاق (×) الموجود في زاوية الأداة.

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

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

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

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

يتم حساب موضع الأداة من الحافتين السفلية واليمنى للشاشة. لنقلها نحو الحافة اليسرى، اضبط **"Right margin"** الحقل على **60%**.

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

بعد الانتهاء من إعداد جميع الإعدادات وتخصيص مظهر الأداة بما يتوافق مع تصميمك الفريد، انقر على **"إضافة أداة"** الزر الموجود في أسفل الشاشة.

سيتم نقلك إلى قائمة الأدوات الموجودة، حيث تحتاج إلى النقر على **"Embed code on website"** الزر:

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

ستفتح نافذة منبثقة تعرض كود السكربت:

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

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

ثم الصق السكربت في كود HTML ضمن القسم:

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

{% hint style="info" %}
لتضمين الأداة في موقع Tilda، انسخ سكربت الأداة باستخدام زر "Embedcode on website"، ثم أضفه إلى صفحة موقعك.
{% endhint %}

تم! اكتمل الآن إعداد الأداة وتثبيتها على موقعك الإلكتروني!


---

# 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/websites/widgets/proof.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.