> ## 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.

# أشرطة التقدم وشارات المنتجات

> توضح هذه المقالة كيفية عمل ميزتَي شريط التقدم وشارات المنتجات.

يمكنك العثور على هذه الميزات في **محرر البيع الإضافي بنقرة واحدة (1-click upsell editor)**، في الشريط الجانبي الأيسر ضمن مجموعة **Funnel-wide widgets** (التي تضم شريط التقدم وأداة الشارات):

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif?s=d42039add0fe9339dc962050863a57de" alt="الشريط الجانبي لمحرر البيع الإضافي مع تمييز شريط التقدم ضمن Funnel-wide widgets وأداة Badge الجديدة" width="628" height="1080" data-path="images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif" />

<div id="progress-bars">
  ## أشرطة التقدم
</div>

تتيح لك أداة **Funnel-Level** إضافة شريط تقدم إلى عرض بيع إضافي واحد وتطبيقه تلقائيًا على جميع عروض البيع الإضافي داخل المسار نفسه. يضمن ذلك تجربة متسقة عبر العروض مع تقليل الإعداد اليدوي للتجار.

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

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

<div id="settings">
  ### الإعدادات
</div>

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif?s=7a5dc519652c75d2f4e777638fc69f5c" alt="لوحة Edit Progress Bar Widget مع عناصر التحكم في النمط والمظهر والحشو بجانب معاينة العرض" width="3016" height="1080" data-path="images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif" />

<div id="style">
  ### النمط
</div>

Minimal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-style-milestones.gif?s=19441a6c6391cfd9a2a191e6507c1303" alt="شريط تقدم بنمط Minimal يعرض أيقونات السلة والدولار والهدية وعلامة الاختيار بدون تسميات" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-style-milestones.gif" />

Minimal with labels

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-with-labels.gif?s=ee539f91e8f8bad682ec8f152e2bfc6e" alt="شريط تقدم بنمط Minimal with labels يعرض مراحل Cart وOrder placed وDone" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-with-labels.gif" />

Maximal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-maximal-style-milestones.gif?s=c480f2cb09be0ca53092012ef4e46357" alt="شريط تقدم بنمط Maximal مع أيقونات مراحل السلة والدولار والهدية وعلامة الاختيار" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-maximal-style-milestones.gif" />

<div id="appearance">
  ### المظهر
</div>

Black

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-black-appearance-preview.gif?s=a0e842d84eac6215cfb7846a08123309" alt="شريط تقدم بمظهر أسود معروض فوق معاينة عرض البيع الإضافي" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-black-appearance-preview.gif" />

White

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-white-appearance-preview.gif?s=d46a16dc9b27572e3542674cd4ed8983" alt="شريط تقدم بمظهر أبيض معروض فوق معاينة عرض البيع الإضافي" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-white-appearance-preview.gif" />

***

<div id="product-badges">
  ## شارات المنتجات
</div>

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

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

<div id="settings-2">
  ### الإعدادات
</div>

<div id="badge-labels-options">
  ## خيارات تسميات الشارات:
</div>

* **Bestseller** - مثالية لإبراز المنتجات ذات أعلى المبيعات أو أقوى أداء لتعزيز الثقة والدليل الاجتماعي.
* **Trending** - رائعة لعرض المنتجات التي تكتسب زخمًا حاليًا أو تشهد تفاعلًا عاليًا.
* **New** - الأفضل للفت الانتباه إلى المنتجات أو العروض المُطلقة حديثًا.
* **Lowest Price** - مفيدة للترويج للعناصر المخفَّضة أو ذات القيمة الأفضل لتشجيع التحويلات السريعة.
* **Ships Free** - مثالية للتأكيد على عروض الشحن المجاني، مما يساعد على تقليل تردد الشراء.

<div id="appearance-options">
  ## خيارات المظهر
</div>

تأتي الشارات بأربعة أنماط مظهر لتناسب تصاميم المسارات المختلفة وجماليات العلامات التجارية:

* **Vibrant** - ساطعة ولافتة للنظر، مثالية لجذب الانتباه الفوري إلى العروض الرئيسية.
* **Vibrant Inverse** - نسخة من Vibrant بألوان معكوسة لتباين أكثر جرأة.
* **Classic Dark** - نظيفة واحترافية، الأفضل للخلفيات الفاتحة.
* **Classic Light** - هادئة وبسيطة، مصممة للخلفيات الداكنة أو لمظهر أكثر نعومة.

<div id="position-in-offer">
  ## الموضع في العرض
</div>

يمكن وضع الشارات في مواضع مختلفة داخل تخطيط العرض بما يناسب تصميمك على أفضل وجه ويجذب الانتباه حيث يكون أكثر فاعلية:

* **Above Product Title** - رائع للظهور الفوري قبل أن يقرأ المتسوق تفاصيل المنتج.
* **Adjacent to Product Price** - مثالي لتعزيز الإلحاح أو القيمة بالقرب من نقطة السعر.
* **Below Product Price** - الأفضل لرسالة خفية تدعم قرار الشراء دون تشتيت.

***

<div id="why-it-matters">
  ## لماذا هذا مهم
</div>

أظهرت أشرطة التقدم باستمرار نتائج إيجابية في تحسين كل من الإيرادات لكل زائر (RPV) ومعدلات التحويل لدى العديد من التجار، بمن فيهم من يستخدمون Smart Funnels.

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