퍼널 전체 위젯
Progress Bar(진행 표시줄)
- 퍼널의 진행 표시줄을 켜거나 끄기
- 표시 스타일 선택:
- Minimal
- Minimal with labels
- Maximal
- Black 또는 White 스타일 선택
- 상단·하단 패딩을 조정해 간격 제어
오퍼 단위 위젯
Text
Timer
Upsell Product
Product Selection
Discount
Badge
Shipping
Image
Buttons
Price Breakdown
Product Details
Variant & plan options
Layout
Video
Testimonials
Text(텍스트)
{first-name}을 사용해 고객별로 메시지를 개인화하세요.
Timer(타이머)
Upsell Product(업셀 상품)
Product Selection(상품 선택)
상품 유형 옵션
- Specific product
항상 동일한 상품을 업셀에 표시해요. - Automatic upsell
사전 정의된 업셀 로직을 사용해 상품을 동적으로 선택해요. - Most expensive in cart
고객의 원래 주문에서 가격이 가장 높은 상품을 사용해요. - Least expensive in cart
고객의 원래 주문에서 가격이 가장 낮은 상품을 사용해요.
상품 변경하기
- Change product를 클릭하세요
- 상품 유형을 선택하세요
- 상품을 선택하거나 확인하세요
이름이 동일한 상품 구분하기
Discount(할인)
다중 상품 오퍼를 위한 일괄 할인 바로가기
- 오퍼에 포함된 모든 상품의 목록이 표시되며, 각 상품에는 체크박스와 현재 할인을 표시하는 배지(예:
17% off또는$18.00 off)가 있어요. - 체크박스를 사용해 업데이트할 상품을 선택하세요. 기본적으로 모든 상품이 선택돼 있어요.
- 목록 아래의 표시(pill)는 변경 사항이 적용될 상품 수를 보여줘요.
- 할인 유형과 값 필드를 사용해 할인을 설정하세요. 변경 사항은 선택된 상품에만 적용돼요 — 선택되지 않은 상품은 기존 할인을 유지해요.
상품 간 할인 설정이 서로 다른 경우
- 상품마다 할인 유형이 다른 경우(예: 일부는 % 할인이고 일부는 $ 할인), 유형 선택기에 Mixed가 표시돼요.
- 상품마다 할인 값 또는 유형이 다른 경우, 값 필드에 Multiple values가 표시되며 새 값을 입력하면 선택된 각 상품의 현재 할인이 덮어쓰여진다는 안내가 함께 표시돼요.
상품 행의 정보 아이콘
Badge(배지)
배지 편집은 V2 오퍼에서만 가능해요. V1 오퍼는 이전에 구성된 배지를 그대로 유지하지만, V1 오퍼에서는 배지 설정을 편집할 수 없어요.
Badges 섹션: 오퍼 배지 및 상품 이미지 배지
- Offer badge — 상품 이미지가 아닌 오퍼 콘텐츠 안에 배치돼요. 저장된 배지 중 하나를 선택하고 다음을 구성하세요:
- Position in offer — Above product title(새 배지의 기본값), Adjacent to product price, 또는 Below product price.
- Spacing from price — 배지가 가격 옆에 있을 때의 간격(0~3)이에요. Adjacent 위치일 때만 표시돼요.
- Badge size — 오퍼에서 배지가 표시되는 크기.
- Product image badge — 상품 이미지 위에 겹쳐서 표시돼요. 저장된 배지를 선택하고 다음을 구성하세요:
- Size on image — Small (1×), Medium (1.5×, the default), 또는 Large (2×).
- Position on image — Top left부터 Bottom right까지 9개의 위치.
- Show badge on all product images — 기본적으로 꺼져 있어서 대표 이미지에만 배지가 표시돼요. 켜면 상품 캐러셀의 모든 이미지에 배지가 표시돼요. 단일 및 다중 상품 오퍼 모두에 적용돼요.
저장된 배지 만들고 관리하기
- Text badge — 텍스트, shape(Pill, Rectangle, Circle, Ribbon, 또는 Starburst), 선택적 아이콘, 배경 색상, 텍스트 색상을 구성해요. 빠른 설정을 위해 미리 설정된 텍스트 제안(예: Bestseller, Free shipping, New, Lowest price, Limited time offer)을 사용할 수 있어요. Font size는 텍스트 크기를 픽셀 단위로 설정하며, 500px 기준 이미지를 기준으로 측정되고 배지가 렌더링될 때 비례적으로 확대·축소돼요.
- Image badge — 래스터 이미지(PNG, JPEG, WebP, GIF, 또는 AVIF)를 업로드해요. Badge size는 이미지 높이를 픽셀 단위로 설정하며, 너비는 종횡비를 유지하도록 자동으로 조정돼요.
Shipping(배송)
Image(이미지)
Language(언어)
Buttons 위젯은 고객이 체크아웃 과정에서 업셀을 수락하거나 거절하는 방식을 제어해요. 버튼의 동작과 모양을 다음과 같이 커스터마이징할 수 있어요:
- 기본 수락 버튼 텍스트 선택
- 업셀 수락 전 확인 클릭 요구
- 거절 버튼 스타일 변경(예: 버튼 또는 링크)
- 버튼 정렬 및 너비 조정
- 버튼 위 또는 아래에 선택적 보조 텍스트 추가(스타일 제어 및 동적 변수 지원)
- Pay Now - “Pay Now • [상품 총 가격]“을 표시해요(무료 상품의 경우 “Add Now • Free”)
- Accept Offer - 가격에 관계없이 “Accept Offer”를 표시해요
- Upgrade Subscription - “Upgrade Subscription”을 표시해요(새 구독 업그레이드 오퍼의 기본값)
- Accept Offer - 가격에 관계없이 “Accept Offer”를 표시해요
- Pay Now - “Pay Now • [상품 총 가격]“을 표시해요(무료 상품의 경우 “Add Now • Free”)
- Accept above decline - 수락 버튼을 거절 옵션 위에 표시해요
- Decline above accept - 거절 옵션을 수락 버튼 위에 표시해요
- Accept beside decline - 수락 버튼과 거절 버튼을 나란히 표시해요
Price Breakdown(가격 내역)
배송비 조정 항목 숨기기
- 체크하면 배송비 조정 항목이 고객의 가격 내역에서 숨겨져요.
- 체크를 해제하면 배송비 조정 항목이 정상적으로 표시돼요.
Product Details(상품 상세 정보)
{product}, {original-price}, {current-price}, {savings}, {savings-line} 등 일부 동적 변수를 지원해요.
가치나 긴박감을 강조하기 위해 선택적으로 오퍼 설명을 추가할 수 있어요.
리뷰 평점은 상품 리뷰 앱에서 가져와요. Judge.me, Stamped, ReviewsIO, Junip, Okendo, Shopify Product Reviews를 비롯한 대부분의 리뷰 앱은 자격 증명 없이 자동으로 작동해요. Yotpo Product Reviews는 추가 설정이 필요해요. Aftersell & Yotpo 리뷰 통합을 참고하세요.
상품 리뷰 별 색상
- Star color — 채워진(활성) 별의 색상이에요. 기본값은
#fdcc0d(노란색)이에요. - Empty star color — 채워지지 않은(비활성) 별의 색상이에요. 기본값은
#d1d5db(연한 회색)이에요.
수량 프리셋
- Fixed — 특정 수량을 설정해요. 고객은 이를 변경할 수 없어요.
- Percentage of purchased quantity — 고객이 원래 구매한 수량의 백분율로 수량을 설정해요.
- Minimum quantity — 수량의 최솟값을 설정해요. 고객은 이 값에서 시작해 수량을 늘릴 수 있어요.
- Maximum quantity — 수량의 상한을 설정해요. 고객은 1에서 시작하며 구성된 최대치(최대 20)를 초과할 수 없어요. 최대 수량을 알리는 메시지는 수량 선택기도 활성화된 경우에만 표시돼요.
설명 위치
- Default (above buttons) - 설명이 수락 및 거절 버튼 위에 표시돼요
- Below buttons - 설명이 수락 및 거절 버튼 아래에 표시돼요
Variant & plan options(옵션 및 플랜 설정)
구독 플랜 잠금
- Variant & Plan Options 섹션에서 Lock subscription plan 드롭다운을 찾으세요
- 드롭다운에서 특정 플랜을 선택하세요
- 이제 플랜이 잠겨요 — 고객에게는 변경 가능한 드롭다운 대신 플랜 이름이 고정 텍스트로 표시돼요
- 고객에게 플랜 이름이 텍스트로 표시돼요
- 플랜 선택 드롭다운이 숨겨져요
- 고객이 구독 플랜을 변경할 수 없어요
- 잠긴 플랜이 Shopify에서 더 이상 사용할 수 없게 되면, 오퍼는 사용 가능한 모든 플랜을 표시하는 방식으로 자연스럽게 대체돼요
옵션 선택기 위치
- Above CTA buttons (default) - 옵션 선택기가 수락 및 거절 버튼 위에 표시돼요
- Below CTA buttons - 옵션 선택기가 수락 및 거절 버튼 아래에 표시돼요
- Variant selector first - 옵션 선택기가 상품 설명 앞에 표시돼요
- Description first - 상품 설명이 옵션 선택기 앞에 표시돼요
Layout(레이아웃)
Video(동영상)
브라우저 호환성
동영상 소스
- Upload — MP4, WebM 또는 MOV 파일(최대 50MB)을 끌어다 놓거나 선택해 Shopify Files에 직접 호스팅하세요. 업로드 후 Shopify가 파일을 처리하면 편집기에 미리보기가 표시돼요.
- Link — YouTube URL, Vimeo URL, 또는 호스팅된 동영상 파일에 대한 직접 링크(예: 자체 CDN의 MP4)를 붙여넣으세요.
지원되는 링크 형식
- YouTube — 표준 동영상 URL을 사용하세요(예:
https://youtu.be/VIDEO_ID또는https://www.youtube.com/watch?v=VIDEO_ID). YouTube Shorts URL(youtube.com/shorts/...)은 지원되지 않아요 — YouTube에서 동영상을 열고 공유 링크를 대신 사용하세요. - Vimeo — 표준 동영상 URL을 사용하세요(예:
https://vimeo.com/VIDEO_ID). 특정 동영상을 가리키지 않는 쇼케이스 URL, 채널 또는 프로필 페이지는 지원되지 않아요 — 주소 표시줄에 있는 개별 동영상의 URL을 사용하세요. 숫자 동영상 ID가 포함된 채널 또는 그룹 URL은 작동해요. - 직접 파일 — 동영상 파일을 가리키는 공개적으로 접근 가능한 HTTPS URL(예: CDN의 MP4)이에요.
링크 유효성 검사
- 필드에서 벗어날 때 — URL 형태가 명백히 잘못된 경우(예: YouTube Shorts 링크 또는 Vimeo 쇼케이스 URL), 대신 무엇을 사용해야 하는지 인라인 오류로 안내해요.
- 저장할 때 — 편집기가 동영상 제공업체에 확인해 동영상이 임베드 가능한지 검증해요. 동영상이 비공개이거나 삭제되었거나 임베드가 꺼져 있으면 저장이 차단되고 그 이유가 링크 필드에 표시돼요. 링크를 수정한 뒤 다시 저장하면 계속 진행할 수 있어요.
Shopify Files 권한
write_files 권한이 필요해요. 이 권한이 부여되지 않은 경우, 업로드 영역에 Update 버튼이 있는 배너가 표시돼요. 클릭해서 권한을 부여하면 업로드가 가능해져요.
업로드 처리
썸네일 및 동영상 시청 CTA
대체 이미지
자동 재생
동영상 닫기
- 오퍼로 돌아가기 버튼 — 플레이어 아래의 버튼으로, 탭을 닫고 업셀로 돌아가요.
- 아무 곳이나 더블 클릭 — 배경의 아무 곳이나 더블 클릭하면 플레이어가 닫혀요.
- 종료 시 자동 닫기 — 동영상 재생이 끝나면 플레이어가 자동으로 닫혀요.
언어 및 번역
Testimonials(고객 후기)
선택 모드
- Manual — 표시할 리뷰 풀을 직접 선별해요. 리뷰는 저장한 순서대로 표시돼요.
- Dynamic — 업셀 오퍼의 상품을 기반으로 리뷰 앱의 동기화된 캐시에서 리뷰를 자동으로 가져와요. 리뷰는 고객의 원래 주문이 아닌 오퍼의 상품을 기준으로 매칭돼요.
구성 옵션
- Review app — 리뷰를 가져올 연결된 리뷰 앱을 선택해요.
- Mode — Manual 또는 Dynamic을 선택해요.
- Minimum rating — 표시할 리뷰의 최소 별점을 설정해요(예: 별 4개 이상).
- Display toggles — 개별 리뷰 요소를 표시하거나 숨겨요:
- 별점
- 리뷰 제목
- 리뷰어 이름
- 리뷰 날짜
- 구매 인증(Verified buyer) 배지
- Truncate review text — 리뷰 텍스트의 최대 글자 수를 설정해요. 이 제한을 초과하는 리뷰는 말줄임표로 잘려요.
- Max reviews to show — 표시할 리뷰 수를 1~3개로 설정해요.
- Layout — 리뷰를 Horizontal(나란히) 또는 Vertical(세로로 쌓기)로 배치해요.
- Padding — 위젯 주변 간격을 조정해요.
다이내믹 모드 및 리뷰 동기화
구매 인증 배지
추가 위젯 추가하기
- Image - 오퍼를 시각적으로 강조하는 보조 이미지를 표시해요.
- Text - 핵심 메시지를 전달하는 보조 텍스트를 추가해요.
- Text & Image - 텍스트와 시각 자료를 결합해 가치를 강조하거나 오퍼를 설명해요.
- Extra Buy Button - 오퍼 수락을 유도하는 추가 CTA를 배치해요. 두 개 이상의 상품을 표시하는 오퍼에서는 사용할 수 없어요.
- Trust Badge - 보증, 보안, 신뢰도 지표 같은 신뢰 신호를 표시해요.
- FAQs - 자주 묻는 질문에 답변해 마찰을 줄이고 신뢰를 높여요.
- Video - 상품을 시연하거나 브랜드 스토리를 전달하는 동영상을 삽입해요. Video를 참고하세요.
- Testimonials - 연결된 리뷰 앱의 실제 상품 리뷰를 표시해요. V2 오퍼에서 사용할 수 있어요. Testimonials를 참고하세요.
- 위젯을 Upsell Product 위젯의 위 또는 아래 중 어디에 표시할지 선택하세요
- 선택한 섹션에서 Add widget을 클릭하세요
- 포함할 위젯을 선택하고 구성하세요
구매 후 오퍼가 무엇인지, 어떻게 작동하는지, Aftersell로 어떻게 시작하는지 자세히 알아보려면 이 문서를 참고하세요.
위젯의 동작과 모양은 편집기에서 제공되는 구성 옵션으로 제한돼요.
Shopify의 제약으로 인해 그 이상의 커스터마이징은 지원되지 않아요.