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

# Индикаторы прогресса и бейджи товаров

> В этой статье описано, как работают функции индикатора прогресса и бейджей товаров.

Эти функции можно найти в **редакторе апселлов в один клик**, в левой боковой панели в группе **Funnel-wide widgets** (в которой находятся индикатор прогресса и виджет Badge):

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

Аналогично, **бейджи товаров** доказали свою эффективность в укреплении доверия и осведомлённости покупателей, приводя к измеримым улучшениям общей эффективности воронки.
