> ## 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 편집기**의 왼쪽 사이드바에 있는 **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="Cart, Order placed, Done 마일스톤이 표시된 Minimal with labels 진행 표시줄" 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="업셀 오퍼 미리보기 위에 표시된 Black 스타일 진행 표시줄" 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="업셀 오퍼 미리보기 위에 표시된 White 스타일 진행 표시줄" 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>

진행 표시줄은 Smart Funnels를 사용하는 판매자를 포함해 많은 판매자에서 방문자당 수익(RPV)과 전환율 모두를 개선하는 데 꾸준히 긍정적인 결과를 보여줬어요.

마찬가지로 **상품 배지**도 신뢰와 구매자 인지도를 높이는 데 효과가 입증되어, 전체 퍼널 성과의 측정 가능한 개선으로 이어졌어요.