> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# أنواع ودجات صفحة الدفع

> يغطي هذا المستند مختلف ودجات صفحة الدفع التي يمكنك إضافتها باستخدام Aftersell لتحسين تجربة صفحة الدفع في Shopify Plus

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

* [عمليات البيع الإضافي](#upsells)
* [عناصر التحكم في السلة](#cart-controls)
* [المكافآت](#rewards)
* [شارات الثقة](#trust-badges)
* [الشهادات](#testimonials)
* [الملاحظات](#notes)
* [الصور](#images)
* [النص](#text)

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-editor-widget-cards.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=4b4512f2474f534bb8f93bfa67cb8701" alt="محرر Checkout في Aftersell يعرض بطاقات ودجات لعمليات البيع الإضافي وعناصر التحكم في السلة والمكافآت وشارات الثقة والملاحظات والصور والنص" width="1610" height="1756" data-path="images/aftersell/checkout-widget-types-editor-widget-cards.png" />

***

<div id="upsells">
  ## عمليات البيع الإضافي
</div>

اعرض منتجات على عملائك أثناء الدفع **للمساعدة في زيادة متوسط قيمة الطلب لديك.**

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-order-summary-sticker-pack.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=7d44a67d995c2093de1607118d760107" alt="ملخص طلب في صفحة الدفع يبرز عرض بيع إضافي لحزمة ملصقات مع زر Add" width="2242" height="1358" data-path="images/aftersell/checkout-widget-types-order-summary-sticker-pack.png" />

تحتوي ودجات البيع الإضافي على عدة تكوينات مختلفة للاختيار من بينها.

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

<div id="product-selection-options">
  ### خيارات اختيار المنتجات
</div>

عند إنشاء عروض البيع الإضافي، يمكنك اختيار كيفية اختيار المنتجات:

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

عند تصفح علامة تبويب **Products** في أداة اختيار المنتجات، يمكنك تحديد **Active products only** لإخفاء المنتجات المسودة والمؤرشفة من القائمة. هذا الفلتر مطفأ افتراضيًا وينطبق فقط على علامة تبويب Products — لا تتأثر المجموعات.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-shipping-protection-checkmark-upsell.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=29edf23c7c1712d357055d28bec148a9" alt="صفحة دفع تبرز بيع حماية شحن إضافي بعلامة اختيار مع مربع اختيار Yes add to order" width="2164" height="1032" data-path="images/aftersell/checkout-widget-types-shipping-protection-checkmark-upsell.png" />

<div id="product-types">
  ### أنواع المنتجات
</div>

عند إضافة منتجات إلى ودجة البيع الإضافي، يمكنك الاختيار من بين عدة أنواع منتجات:

* **منتج محدد** - اختر منتجًا معينًا من متجرك لعرضه
* **بيع إضافي تلقائي** - يوصي بمنتجات مكمّلة بناءً على محتويات السلة، باستخدام موفر التوصيات المعيّن ضمن **Settings > Automatic upsells** (Shopify افتراضيًا، أو Nosto أو Constructor إذا قمت بربط أحدهما)
* **المنتج الأغلى** - يعرض العنصر الأغلى ثمنًا من سلة العميل
* **حد الإنفاق** - يوصي بذكاء بمنتجات لمساعدة العملاء على الوصول إلى حدود المكافآت (يتطلب تفعيل شريط المكافآت)
* **مجموعة** - اعرض منتجات من مجموعة محددة
* **استراتيجية** - اختر منتجًا ديناميكيًا باستخدام الاستهداف القائم على القواعد. يظهر فقط في المتاجر التي فعّلت [الاستراتيجيات](/ar/aftersell/strategies_overview)

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

<div id="variant-name-display">
  ### عرض اسم المتغير
</div>

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

يظهر اسم المتغير فقط عندما يحتوي المنتج على عدة متغيرات — ويكون مخفيًا للمنتجات ذات المتغير الواحد (تلك التي تحتوي فقط على متغير "Default Title").

<div id="subscription-plan-locking">
  ### قفل خطة الاشتراك
</div>

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

**كيفية تكوين قفل خطة الاشتراك:**

1. افتح ودجة البيع الإضافي في محرر Checkout.
2. عيّن **Purchase option** على **Subscription**.
3. في القائمة المنسدلة **Subscription plan**، حدد خطة معينة بدلاً من "Any plan (customer chooses)".
4. الخطة الآن مقفلة - سيرى العملاء هذه الخطة في صفحة الدفع لكن لا يمكنهم تغييرها.

**تخصيص عرض الخطة المقفلة:**

* أخفِ خيار اللون وعيّن الافتراضي على "Black"
* أبقِ خيار المقاس مرئيًا
* سيرى العملاء فقط خيارات المقاس للقميص الأسود

عندما تكون الخطة مقفلة، يمكنك تخصيص كيفية ظهورها للعملاء في صفحة الدفع:

* **Show subscription option on checkout** - بدّل ما إذا كان صف خيار الاشتراك (التسمية + اسم الخطة) يظهر في صفحة الدفع. مفعّل افتراضيًا.
* **Subscription option label** - خصص التسمية المعروضة فوق اسم الخطة (الافتراضي: "Subscription"). على سبيل المثال، يمكنك تغييرها إلى "Subscribe" أو "Delivery" أو مصطلح آخر يناسب علامتك التجارية.
* **Plan name** - تجاوز اسم الخطة المعروض في صفحة الدفع. افتراضيًا، يُستخدم اسم الخطة من Shopify.

**إعدادات نمط البيع الإضافي**

عناصر التحكم هذه ليست مرتبطة بقفل الاشتراك. توجد ضمن **Show style settings** في محرر البيع الإضافي، وخيارات الصورة والبطاقة الأربعة أدناه تظهر فقط بعد تحديد **Try new look** (مطفأ افتراضيًا).

* **Product image corner radius** - طبّق زوايا مستديرة على صور المنتجات. اختر من بين:
  * None - زوايا مربعة
  * Base - زوايا مستديرة قليلًا
  * Large - زوايا أكثر استدارة (الافتراضي)
  * Fully Rounded - أقصى استدارة
* **Product image size** - تحكم في أبعاد الصورة:
  * Default - الحجم القياسي (64 بكسل للتخطيطات العمودية)
  * Small - صور أصغر (48 بكسل للعمودي، نسبة أبعاد أطول للأفقي)
  * Medium - صور متوسطة (72 بكسل للعمودي، نسبة أبعاد مربعة للأفقي) (الافتراضي)
  * Large - صور أكبر (96 بكسل للعمودي، نسبة أبعاد أقصر للأفقي)
* **Product image display** - اختر كيف تملأ الصور حاويتها:
  * Fill - تمتد الصورة من حافة إلى حافة (الافتراضي)
  * Bordered - يضيف حدًا مرئيًا حول الصورة
* **Card padding** - عيّن التباعد الداخلي بين حافة البطاقة والمحتوى:
  * None - بدون حشو
  * Tight - تباعد ضئيل
  * Base - تباعد قياسي
  * Loose - أقصى تباعد (الافتراضي)
* **Button width style** - تحكم في كيفية عرض عرض زر الإضافة إلى السلة عبر عمليات البيع الإضافي. اختر من بين:
  * Auto (الافتراضي) - يتفاوت عرض الزر بناءً على وجود محددات المتغيرات
  * Compact (موحد صغير) - تستخدم جميع الأزرار عرضًا مضغوطًا لأحجام متسقة
  * Full width (موحد كبير) - تستخدم جميع الأزرار العرض الكامل لأحجام متسقة

<Note>
  يظهر **Button width style** لكل نوع بيع إضافي باستثناء علامة الاختيار (Checkmark)، وهو ليس خلف **Try new look**.
</Note>

**تُقفل الخطط تلقائيًا عندما:**

* تحدد خطة اشتراك معينة (كما هو موضح أعلاه)
* يحتوي المنتج على خطة اشتراك واحدة متاحة فقط

في كلتا الحالتين، لا يمكن للعملاء تغيير خطة الاشتراك في صفحة الدفع.

<div id="upsell-button-text">
  ### نص زر البيع الإضافي
</div>

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

افتراضيًا، تعرض الأزرار:

* **Add** لعمليات البيع الإضافي القياسية
* **Upgrade • \$X savings** لعمليات البيع الإضافي البديلة حيث يوفر العميل المال
* **Upgrade • \$X** لعمليات البيع الإضافي البديلة حيث يكون المنتج أغلى

<div id="upsell-button-text-2">
  #### نص زر البيع الإضافي
</div>

يمكنك تخصيص النص على زر الإضافة لعمليات البيع الإضافي القياسية والبديلة. عند إدخال نص مخصص، تظل لاحقة التوفير أو التكلفة تُلحق تلقائيًا بالعروض البديلة (مثل `Buy Now • $5 savings`).

<div id="replacement-button-text">
  #### نص زر الاستبدال
</div>

يمكنك تعيين بادئة مخصصة منفصلة لزر العروض البديلة. تتجاوز هذه البادئة كلًا من بادئة "Upgrade" الافتراضية وأي نص مُدخل في حقل **Add button text** للعروض البديلة. لاحقة السعر (مثل `• $5.00 savings`) تُلحق دائمًا تلقائيًا.

على سبيل المثال، إدخال `Trade up` ينتج `Trade up • $5.00 savings` على عرض بديل يوفر فيه العميل \$5.

> 💡 **نصيحة:** العنصر النائب `{Amount}` لا يُستبدل في حقل نص زر الاستبدال — بل يُعامل كنص حرفي. استخدم حقل **Upsell button text** مع `{Amount}` إذا كنت بحاجة إلى تحكم كامل في تنسيق التسمية.

<div id="using-the-amount-placeholder">
  #### استخدام العنصر النائب `{Amount}`
</div>

يمكنك تضمين `{Amount}` في حقل **Upsell button text** لإدراج السعر أو مبلغ التوفير مباشرة في تسميتك. عند وجود `{Amount}`، يصبح نصك هو تسمية الزر بأكملها — ولا تُلحق اللاحقة التلقائية.

| نص الزر                      | نوع العرض           | النتيجة                |
| ---------------------------- | ------------------- | ---------------------- |
| `Save {Amount} by upgrading` | بديل (توفير)        | `Save $5 by upgrading` |
| `Upgrade for {Amount} more`  | بديل (تكلفة إضافية) | `Upgrade for $5 more`  |
| `Get yours for {Amount}`     | بيع إضافي قياسي     | `Get yours for $10`    |

العنصر النائب لا يفرّق بين الأحرف الكبيرة والصغيرة — تعمل جميعها: `{Amount}` و`{amount}` و`{AMOUNT}`.

> ⚠️ **ملاحظة:** إذا استخدمت `{Amount}` في بيع إضافي قياسي (غير بديل)، يُستبدل بسعر المنتج. يُستبدل العنصر النائب دائمًا بمبلغ منسّق، لذا فإن المنتج المجاني يعرض الصفر المنسّق (على سبيل المثال `\$0.00`) بدلاً من إسقاط العنصر النائب.

<div id="max-accepted-offers">
  ### الحد الأقصى للعروض المقبولة
</div>

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

بمجرد قبول العميل للعدد المكوّن من العروض، تتوقف الودجة عن عرض عروض إضافية لبقية جلسة الدفع تلك.

* **اتركه فارغًا** — لا يُطبق أي حد. تستمر الودجة في عرض العروض بغض النظر عن عدد ما قبله العميل.
* **عيّن رقمًا موجبًا** — تتوقف الودجة عن عرض العروض بمجرد قبول العميل لهذا العدد من هذه الودجة.

لتكوين هذا الإعداد، افتح ودجة البيع الإضافي في محرر Checkout وأدخل قيمة في حقل **Max number of accepted offers**.

> 💡 **نصيحة:** هذا الإعداد غير متاح لودجات البيع الإضافي بعلامة اختيار.

***

<div id="discounts">
  ### الخصومات
</div>

يمكن **تكوين الخصومات مباشرة داخل ودجة البيع الإضافي**. يُطبق هذا الخصم تلقائيًا عندما يختار العميل إضافة منتج البيع الإضافي إلى طلبه.

<div id="adding-a-discount-to-your-upsell">
  #### إضافة خصم إلى البيع الإضافي
</div>

عند تكوين ودجة بيع إضافي، يمكنك إضافة خصم بالنقر على زر **"Add discount"**. سترى خيارين:

* **Pick existing** - اختر من الخصومات التي أنشأتها بالفعل. يمكنك البحث في خصوماتك الموجودة للعثور على الخصم الذي تريد تطبيقه.
* **Create new** - أنشئ خصمًا جديدًا مباشرة في المحرر عن طريق تعيين:
  * **Title** - نص كود الخصم المعروض للعملاء في صفحة الدفع (مثل "SAVE")
  * **Amount** - اختر بين خصم بنسبة مئوية أو خصم بمبلغ ثابت، ثم أدخل القيمة

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

يمكنك إدارة جميع خصومات صفحة الدفع في مكان واحد. راجع [إدارة خصومات صفحة الدفع](/ar/aftersell/managing_checkout_discounts) لمعرفة كيفية عرض الخصومات وتحريرها وحذفها.

<div id="hiding-the-discount-amount-text">
  #### إخفاء نص مبلغ الخصم
</div>

عند تطبيق خصم على البيع الإضافي، تظهر لاحقة توفير (مثل "(20% OFF)" أو "(\$6 OFF)") بجوار عنوان المنتج افتراضيًا. يمكنك إخفاء هذه اللاحقة عن طريق تفعيل **Hide discount amount text** في قسم **Show additional settings** بمحرر البيع الإضافي.

* عند التفعيل، تُخفى لاحقة التوفير. يظل السعر المخفّض نفسه يُعرض بشكل طبيعي.
* عند التعطيل (الافتراضي)، تظهر لاحقة التوفير بجوار عنوان المنتج.

> 💡 **نصيحة:** هذا الإعداد لكل ودجة على حدة. إذا كان لديك عدة ودجات بيع إضافي، فيمكنك تكوين كل واحدة بشكل مستقل.

<div id="customizing-the-discount-suffix-label">
  #### تخصيص تسمية لاحقة الخصم
</div>

يمكن تخصيص نص "OFF" في لاحقة التوفير (مثل "20% OFF") في **Settings > Translations**. ابحث عن صف **Discount suffix** وأدخل التسمية المفضلة لديك (مثل "saved" أو "off" أو مكافئ مترجم). القيمة الافتراضية هي "OFF".

<div id="showing-the-discounted-price-when-the-aftersell-discount-is-skipped">
  #### عرض السعر المخفّض عند تخطي خصم Aftersell
</div>

عند تفعيل **Skip upsell discount if a non-Aftersell discount is already applied?**، تخفي الودجة خصم البيع الإضافي المكوّن من سعر المعاينة افتراضيًا. إذا كان خصمك على مستوى السلة يطابق بالفعل خصم البيع الإضافي (بحيث يدفع العميل السعر المخفّض نفسه في كلتا الحالتين)، فيمكنك تفعيل **Show the discounted price in the widget even when the AfterSell discount is skipped?** لإبقاء سعر المعاينة متزامنًا مع ما سيُحاسب به العميل فعليًا.

> ⚠️ **مهم:** يغيّر هذا الإعداد السعر المعروض في الودجة لكل من المعاينة والعملاء الفعليين، لكنه لا يطبق خصم Aftersell. فعّل هذا فقط إذا كان خصمك على مستوى السلة يطابق خصم البيع الإضافي تمامًا — وإلا فقد يرى العملاء سعرًا غير صحيح.

مربع الاختيار هذا مرئي فقط عندما يكون **Skip upsell discount if a non-Aftersell discount is already applied?** مفعّلًا بالفعل.

<div id="limiting-how-many-units-get-the-discount">
  #### تحديد عدد الوحدات التي تحصل على الخصم
</div>

افتراضيًا، ينطبق الخصم على كل وحدة من منتج البيع الإضافي المقبول — بما في ذلك أي وحدات إضافية يضيفها العميل باستخدام محدد الكمية أو عناصر التحكم في السلة. يمكنك تقييد ذلك بمفتاح التبديل **Limit how many units get the discount**.

عند التفعيل، يظهر حقل **Maximum discounted quantity** حيث تحدد السقف. الوحدات حتى السقف تحصل على الخصم؛ وأي وحدات إضافية تُحاسب بالسعر الكامل.

**مثال:** تقدم منتجًا بخصم 100% وتعيّن السقف على 1. إذا رفع العميل الكمية إلى 3، فوحدة واحدة فقط مجانية — والوحدتان الأخريان تُحاسبان بالسعر الكامل.

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

> 💡 **نصيحة:** هذا الإعداد مفيد عندما تريد تقديم خصم قوي (مثل عنصر مجاني) دون السماح للعملاء بمضاعفة التوفير عن طريق زيادة الكمية.

<div id="how-discounts-work">
  #### كيف تعمل الخصومات
</div>

* تتبع خصومات Aftersell القواعد نفسها كأي خصم آخر في Shopify. لكي يتحد خصمان، يجب تعيين كليهما صراحةً على الدمج في لوحة إدارة Shopify. على سبيل المثال، إذا أنشأ Aftersell كود خصم ولديك أيضًا خصم منفصل مثل "10% off"، فيحتاج كلاهما إلى تفعيل الدمج. إذا لم يُعيّن أي منهما على الدمج، فلن يتحدا. تنطبق قواعد الخصم القياسية في Shopify في جميع الأحوال:
  * يسمح Shopify بخصم واحد فقط لكل بند منتج في الوقت نفسه. إذا كان المنتج يحمل خصمًا مطبقًا بالفعل، فلن يتراكم خصم بيع إضافي آخر على البند نفسه
  * يمكن أن تتحد الخصومات على مستوى الطلب وعلى مستوى البند إذا عُيّن كلاهما على "قابل للدمج" في لوحة إدارة Shopify. للاطلاع على التفاصيل الكاملة لقواعد الدمج في Shopify، راجع [وثائق دمج الخصومات في Shopify](https://help.shopify.com/en/manual/discounts/combining-discounts/discount-combinations). **قيود مهمة** هناك بعض السيناريوهات التي قد تفشل فيها الخصومات في التطبيق:
  * **خصومات متعددة على المنتج نفسه:** إذا تم تكوين خصم بيع إضافي في Aftersell لمنتج يحمل خصمًا مطبقًا بالفعل، فلن يتراكم خصم Aftersell
  * **إعداد مجموعات غير صحيح:** إذا كانت الخصومات تستهدف مجموعات، فتأكد من أن جميع المنتجات ذات الصلة تنتمي إلى المجموعة الصحيحة. يمكن استخدام المجموعات المخفية لتضمين منتجات معينة دون جعلها مرئية للعملاء
  * **تعارضات تطبيقات خارجية:** وظيفة خصم صفحة الدفع غير مدعومة حاليًا عندما يعدّل تطبيق آخر صفحة الدفع لديك ديناميكيًا. إذا كنت تشغّل تطبيقًا يفعل ذلك، فقد لا تُطبق الخصومات المضافة بواسطة Aftersell كما هو متوقع.
    على سبيل المثال، إذا أضاف تطبيق تسعيرًا أو إضافات في صفحة الدفع وأعاد حساب إجمالي الطلب، فقد يتداخل ذلك مع كيفية تطبيق Aftersell للخصومات.

***

<div id="upsell-review-stars">
  ## نجوم تقييمات البيع الإضافي
</div>

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

* يرجى ملاحظة أن هذا متاح حاليًا في الإصدار 2 من Checkout في Aftersell وليس الإصدار 1، بسبب قيود واجهة برمجة التطبيقات.

**كيفية التفعيل**

* افتح **Checkout** وحرّر البيع الإضافي.
* فعّل **Show product review ratings**.
* *(اختياري)* افتح **Advanced product review settings** لتخصيص العرض.

**الإعدادات المتقدمة**

* عيّن **حدًا أدنى للتقييم** للعرض (0-5، الافتراضي 4.0).
* اختر مكان ظهور النجوم (**أسفل العنوان** أو **أسفل السعر**).
* خصص **ألوان النجوم الممتلئة وغير الممتلئة**.
* أظهر أو أخفِ **التقييم الرقمي** و**عدد المراجعات**.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-advanced-product-review-rating.gif?s=79a908b28161dfb73225e0e02e773623" alt="إعدادات متقدمة لتقييم مراجعات المنتجات مع حقول الحد الأدنى للتقييم والموضع ولون النجوم" width="692" height="480" data-path="images/aftersell/checkout-widget-types-advanced-product-review-rating.gif" />

**تطبيقات التقييمات المدعومة**\
ندعم تطبيقات التقييمات التي تخزّن التقييمات في حقول تعريف المنتجات، بما في ذلك:

* Shopify Product Reviews
* Junip
* Okendo
* Growave
* Fera
* Stamped
* Loox
* REVIEWS.io
* Automizely Reviews
* Judge.me
* Ali Reviews
* Trustoo
* Rivo
* Rivyo
* Vitals

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

<div id="troubleshooting-reviews-show-in-editor-but-not-on-live-checkout">
  ### استكشاف الأخطاء: المراجعات تظهر في المحرر لكن ليس في صفحة الدفع الفعلية
</div>

إذا فعّلت **Show product review ratings** ورأيت النجوم في معاينة المحرر لكن ليس في صفحة الدفع الفعلية، فقد لا تكون حقول التعريف الخاصة بتطبيق التقييمات لديك مفعّلة للوصول عبر Storefront API.

يقرأ المحرر بيانات المنتجات عبر Admin API (التي يمكنها الوصول إلى جميع حقول التعريف)، بينما تقرأ صفحة الدفع الفعلية عبر Storefront API (التي تصل فقط إلى حقول التعريف التي مُنحت صراحةً وصول واجهة المتجر). عند اكتشاف هذا التباين، يظهر شريط تحذير في المحرر يسرد المنتجات المتأثرة.

**لإصلاح ذلك:**

1. انتقل إلى **Settings → Custom data → Products → Metafields** في لوحة إدارة Shopify.
2. ابحث عن تعريفَي حقلي التعريف `reviews.rating` و`reviews.rating_count`.
3. فعّل **Storefront API access** لكل تعريف.

بدلاً من ذلك، تحقق من إعدادات تطبيق التقييمات لديك بحثًا عن خيار **Storefront API sync** وفعّله هناك.

***

<div id="cart-controls">
  ## عناصر التحكم في السلة
</div>

أظهر رابط تعديل أسفل كل بند منتج للسماح بالتحرير مباشرة في صفحة الدفع.

الوظائف التالية مدعومة لعناصر التحكم في السلة:

* محدد المتغير: اسمح للعملاء بالتغيير إلى متغير آخر متوفر في المخزون.
* محدد الكمية: اسمح للعملاء بتغيير كمية منتج.
* إزالة العنصر: اسمح للعملاء بإزالة منتجات البيع الإضافي. تفعيل **Show Remove Item Button** يكشف عن **Allow Removal of Non-Upsell Products**، الذي يوسّع الإزالة لتشمل العناصر التي أضافها العميل في الأصل.
* محدد الاشتراك: اسمح للعملاء بتغيير خيار الاشتراك المحدد حاليًا (مثلًا من كل 60 يومًا إلى كل 30 يومًا).
* ترقية الاشتراك: اسمح للعملاء بترقية شراء لمرة واحدة إلى اشتراك.
* نص مخصص: أضف نصًا مخصصًا أسفل كل بند.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-cart-item-modify-link.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=d87925868df0eeeb6c34dc046b2b3f99" alt="عنصر سلة في صفحة الدفع مع رابط Modify وزر Upgrade to Subscribe and save مميزين" width="2210" height="702" data-path="images/aftersell/checkout-widget-types-cart-item-modify-link.png" />

<div id="product-review-ratings">
  ### تقييمات مراجعات المنتجات
</div>

يمكن لعناصر التحكم في السلة عرض تقييمات النجوم للمنتجات الموجودة في السلة للمساعدة في بناء الثقة وزيادة التحويلات. تُجلب التقييمات من حقول التعريف الخاصة بتطبيق تقييمات المنتجات لديك وتظهر فقط عند وجود بيانات مراجعات صالحة للمنتج.

**كيفية التفعيل**

1. افتح **Checkout** وحرّر ودجة عناصر التحكم في السلة.
2. انتقل إلى قسم **Product review ratings**.
3. فعّل **Show product review ratings**.
4. *(اختياري)* خصص إعدادات العرض.

**الإعدادات**

* عيّن **حدًا أدنى للتقييم** للعرض (0-5، الافتراضي 4.0). المنتجات دون هذا التقييم لن تعرض النجوم.
* اختر مكان ظهور النجوم (**أسفل عنوان المنتج** أو **أسفل عناصر التحكم في السلة**).
* خصص **لون النجوم الممتلئة** (الافتراضي: #fdcc0d) و**لون النجوم غير الممتلئة** (الافتراضي: #d1d5db).
* أظهر أو أخفِ **قيمة التقييم** (مثل 4.5) و**عدد المراجعات** (مثل 123 مراجعة).

**تطبيقات التقييمات المدعومة**\
ندعم تطبيقات التقييمات التي تخزّن التقييمات في حقول تعريف المنتجات، بما في ذلك:

* Shopify Product Reviews
* Junip
* Okendo
* Growave
* Fera
* Stamped
* Loox
* REVIEWS.io
* Automizely Reviews
* Judge.me
* Ali Reviews
* Trustoo
* Rivo
* Rivyo
* Vitals

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

<div id="subscription-products">
  ### منتجات الاشتراك
</div>

يتيح لك قسم **Subscription products** داخل **Subscription management** التحكم في خطط الاشتراك المتاحة للمتسوقين لمنتجات معينة في ودجة عناصر التحكم في السلة.

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

**كيفية تكوين عناصر التحكم في خطط الاشتراك:**

1. افتح ودجة عناصر التحكم في السلة في محرر Checkout.
2. وسّع قسم **Subscription management**.
3. ضمن **Subscription products**، حدد **Add product** واختر منتجًا لديه خطط بيع مكوّنة في Shopify.
4. افتح صف المنتج واستخدم **Plans customers can choose** — حدد **Select plans** لفتح أداة الاختيار، ثم حدد الخطط التي يمكن للمتسوقين اختيارها. تظهر الخطط المختارة كوسوم قابلة للإزالة، ويوجد إجراء **Select all**.
5. استخدم القائمة المنسدلة **Default plan** لتعيين الخطة التي تطبقها ترقية الاشتراك لذلك المنتج. افتراضيها الخاص هو **First available plan**.
6. احفظ تغييراتك.

<Note>
  **Subscription products** هو عنوان وليس لوحة قابلة للطي — القسم الذي يتوسع هو **Subscription management**. حتى تضيف منتجًا، يظهر "No products added yet"، وعناصر التحكم لكل منتج في الخطوتين 4 و5 تظهر فقط بمجرد وجود صف منتج.
</Note>

**كيف يعمل:**

* **Plans customers can choose** — يضيّق محدد الاشتراك إلى الخطط التي تحددها فقط. إذا كان متغير منتج لا يدعم أيًا منها، فستُعرض جميع خطط ذلك المتغير الخاصة بدلاً من ذلك، بحيث لا يُترك المتسوقون أبدًا دون خيار اشتراك.
* **Default plan** — يعيّن الخطة التي تطبقها ترقية الاشتراك لذلك المنتج. إذا لم تكن متوافقة مع المتغير في السلة، فستُستخدم أول خطة قابلة للاختيار بدلاً منها.
* **المنتجات غير المكوّنة** — المنتجات التي ليس لها صف هنا تحتفظ بجميع خططها وتستخدم الترتيب الافتراضي في Shopify.

زر ترقية الاشتراك نفسه يُتحكم به بشكل منفصل، أعلى في **Subscription management**: حدد **Allow Subscription Upgrade Button** لتفعيله. يؤدي ذلك إلى ظهور حقل نصي لصياغة الزر، والذي يكون افتراضيه `Upgrade to {{subscription_group}}` — يُستبدل المتغير بأول مجموعة اشتراك متاحة للمنتج.

> 💡 **نصيحة:** إذا حددت جميع الخطط المتاحة لمنتج، فسيعود التكوين إلى وضعه الطبيعي "كل خطة". يعني هذا أن أي خطط جديدة تضيفها في Shopify لاحقًا ستُدرج تلقائيًا، بدلاً من استبعادها بصمت.

<div id="product-targeting">
  ### استهداف المنتجات
</div>

يمكنك التحكم في المنتجات التي تعرض عناصر التحكم في السلة باستخدام إعدادات **Visibility** في محرر ودجة عناصر التحكم في السلة:

* **All products in cart:** تظهر عناصر التحكم في السلة لكل منتج (الافتراضي).
* **Only selected products:** تظهر عناصر التحكم في السلة فقط للمنتجات التي تحددها. انقر على **Select products** لاختيار المنتجات التي يجب أن تعرض عناصر التحكم في السلة.
* **All products except selected:** تظهر عناصر التحكم في السلة لجميع المنتجات باستثناء تلك التي تحددها. انقر على **Select products** لاختيار المنتجات التي لا يجب أن تعرض عناصر التحكم في السلة.

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

**كيفية تكوين استهداف المنتجات:**

1. افتح ودجة عناصر التحكم في السلة في محرر Checkout.
2. انتقل إلى قسم **Visibility**.
3. حدد وضع الاستهداف المفضل لديك من القائمة المنسدلة **Apply cart controls to**.
4. إذا حددت **Only selected products** أو **All products except selected**، فانقر على زر **Select products** لاختيار منتجاتك.
5. احفظ تغييراتك.

***

<div id="rewards">
  ## المكافآت
</div>

اعرض شريط مكافآت (أنفق X واحصل على Y) في صفحة الدفع لديك لتحفيز إضافة المزيد من المنتجات. يمكن أن يعتمد هذا الهدف إما على قيمة الطلب أو عدد العناصر.

**تعمل المكافآت جيدًا جنبًا إلى جنب مع ودجة البيع الإضافي.** سهّل على العميل إضافة منتج إضافي إلى طلبه لتحقيق المكافأة. يمكنك استخدام نوع منتجات **حد الإنفاق** في ودجة البيع الإضافي لتقديم توصيات تلقائية بمنتجات تساعد العملاء على الوصول إلى حد المكافأة.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-rewards-bar-progress-toward.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=514c2088fe4e8e6609eeb3d9a406ab46" alt="شريط مكافآت في صفحة الدفع يعرض التقدم نحو الشحن المجاني مميزًا فوق السلة" width="2184" height="644" data-path="images/aftersell/checkout-widget-types-rewards-bar-progress-toward.png" />

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

<div id="amount-basis">
  ### أساس المبلغ
</div>

عند تكوين مكافأة تعتمد على قيمة الطلب، يمكنك اختيار كيفية حساب إجمالي السلة باستخدام إعداد **Amount basis**:

* **Order total** — يستخدم إجمالي الطلب الكامل، بما في ذلك الشحن والضرائب.
* **Subtotal** — يستخدم المجموع الفرعي للبضائع قبل الخصم (قبل تطبيق أي أكواد خصم).
* **Subtotal after discounts (excludes tax and shipping)** — يستخدم إجمالي السلة بعد طرح الخصومات والشحن والضرائب. يطابق هذا طريقة تقييم Shopify لحدود الشحن المجاني، بحيث يعكس شريط المكافآت بدقة ما إذا كان العميل قد وصل فعلًا إلى الحد عند تطبيق كود خصم.

> 💡 **نصيحة:** إذا كنت تقدم شحنًا مجانيًا كمكافأة، فاستخدم **Subtotal after discounts (excludes tax and shipping)** لضمان تطابق الشريط مع تقييم الشحن المجاني الخاص بـ Shopify. مع الأسس الأخرى، قد يتسبب كود خصم في إظهار الشريط "مفتوحًا" بينما لا يزال Shopify يفرض رسوم شحن.

***

<div id="trust-badges">
  ## شارات الثقة
</div>

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

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-trust-badges-secure-payments.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=1c37b9c78f1d7e7bd61a288190606fde" alt="شارات ثقة في صفحة الدفع لمدفوعات آمنة وضمان 30 يومًا وشحن سريع مع أيقونات" width="2290" height="1036" data-path="images/aftersell/checkout-widget-types-trust-badges-secure-payments.png" />

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

***

<div id="testimonials">
  ## الشهادات
</div>

اعرض مراجعات العملاء مباشرة في صفحة الدفع لبناء الثقة وخفض معدل التخلي عن صفحة الدفع.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-testimonial-five-star-customer.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=6806b0ce19354c34095e9433982601c4" alt="شهادة في صفحة الدفع مع اقتباس مراجعة عميل خمس نجوم مميز أسفل الإجمالي" width="2138" height="1252" data-path="images/aftersell/checkout-widget-types-testimonial-five-star-customer.png" />

<div id="testimonials-modes">
  ### أوضاع الشهادات
</div>

يقدم Aftersell نوعين من ودجات الشهادات:

* **Classic Testimonials** - شهادات تكتبها بنفسك. لا تزال متاحة؛ Flex Testimonials هو الخيار الأحدث الذي يجلب مراجعات حقيقية من تطبيق التقييمات لديك.
* **Flex Testimonials** - يجلب تلقائيًا مراجعات العملاء من تطبيق التقييمات لديك (Judge.me أو Klaviyo أو Okendo أو Yotpo). هذا هو الخيار الموصى به لجميع التجار.

<div id="switching-from-classic-to-flex-testimonials">
  ### التبديل من Classic إلى Flex Testimonials
</div>

إذا كنت تستخدم Classic Testimonials، فعليك التبديل إلى Flex Testimonials لعرض المراجعات من تطبيق التقييمات لديك:

1. افتح **Checkout** في Aftersell
2. انتقل إلى علامة تبويب ودجة **Classic Testimonials**
3. انقر على **Switch to review app widget** في الشريط أعلى الصفحة
4. كوّن بيانات اعتماد تطبيق التقييمات في **Settings > Product Reviews** (راجع [تكاملات تطبيقات التقييمات](#review-app-integrations) أدناه)

يمكنك التبديل مرة أخرى في أي وقت بالنقر على **Switch back to manually written reviews** في الشريط المعروض أثناء تفعيل Flex Testimonials.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-review-app-banner.gif?s=9640e4164e7ce4834ad1305a608ed5a6" alt="شريط Aftersell يطلب التبديل إلى ودجة تطبيق التقييمات لعرض مراجعات عملاء حقيقية" width="3696" height="1080" data-path="images/aftersell/checkout-widget-types-review-app-banner.gif" />

<div id="flex-testimonials-configuration">
  ### تكوين Flex Testimonials
</div>

يقدم Flex Testimonials وضعين للاختيار:

* **الاختيار اليدوي** - اختر مراجعات معينة لعرضها في ودجة الشهادات
* **الديناميكي** - جلب المراجعات وعرضها تلقائيًا بناءً على المنتجات في سلة العميل

<div id="dynamic-mode">
  #### الوضع الديناميكي
</div>

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

لاستيراد المراجعات فورًا، انتقل إلى **Settings > Product Reviews** وانقر على **Sync now** لتطبيق التقييمات الخاص بك.

يمكنك تكوين:

* **Max reviews to show** - تحكم في عدد المراجعات التي تظهر، من 1 إلى 3
* **Display type** - اختر بين تخطيط دائري أفقي أو متراص عمودي
* **Minimum rating** - عيّن الحد الأدنى لتقييم النجوم للمراجعات المعروضة
* **Truncate review text after (اختياري)** - عيّن حدًا أقصى لعدد أحرف نص المراجعة. عندما تتجاوز مراجعة هذا الحد، تُقتطع بعلامة حذف ويظهر زر "Read more". النقر على "Read more" يفتح نافذة منبثقة بالمراجعة الكاملة. اتركه فارغًا لعدم وجود حد (الافتراضي).

<div id="review-app-integrations">
  ### تكاملات تطبيقات التقييمات
</div>

لاستخدام Flex Testimonials، تحتاج إلى تكوين بيانات اعتماد تطبيق التقييمات لديك في **Settings > Product Reviews**. يدعم Aftersell:

* **Judge.me** - يتطلب رمز Private API الخاص بك
* **Klaviyo** - يتطلب مفتاح API الخاص بك
* **Okendo** - يتطلب User ID الخاص بك
* **Yotpo** - يتطلب App Key الخاص بك

راجع الأدلة التالية لتعليمات الإعداد:

* [تكامل Judge.me](/ar/aftersell/judgeme_reviews_integration)
* [تكامل Klaviyo](/ar/aftersell/klaviyo_reviews_integration)
* [تكامل Okendo](/ar/aftersell/okendo_reviews_integration)
* [تكامل Yotpo](/ar/aftersell/aftersell_yotpo_reviews_integration)

***

<div id="notes">
  ## الملاحظات
</div>

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

***

<div id="images">
  ## الصور
</div>

ارفع صورة مخصصة يمكن إدراجها في صفحة الدفع.

***

<div id="text">
  ## النص
</div>

أدرج شريطًا في صفحة الدفع بالنص الذي تختاره.

اختر من بين **أربعة أنماط مختلفة** لودجة النص.

* **Information:** خلفية زرقاء مع أيقونة معلومات زرقاء.
* **Success:** خلفية خضراء مع أيقونة علامة اختيار خضراء.
* **Critical:** خلفية حمراء مع أيقونة علامة تعجب حمراء.
* **Warning:** خلفية صفراء مع أيقونة مثلث تحذير صفراء.