콘텐츠로 건너뛰기
← GraphicMeat Prime Bundles

스토어 앱 · 설정 가이드

GraphicMeat Prime Bundles 설정 가이드

시나리오 26개를 앱에서 설정하는 부분과 테마 편집기에서 설정하는 부분으로 나누고, 실제 화면에 보이는 라벨을 그대로 사용했습니다. 필요한 시나리오만 읽으세요. 다른 시나리오를 읽었다고 가정하지 않습니다.

Prime Bundles는 두 곳에서 설정합니다. 오퍼는 Shopify admin 안의 앱에서 만들고(백엔드), 스토어프런트 위젯은 테마 편집기에서 한 번만 켭니다(프런트엔드). 아래에는 앱이 처리할 수 있는 모든 시나리오가 같은 방식으로 나뉘어 있으며, 화면에서 보게 될 정확한 라벨이 함께 표시됩니다.

읽는 방법. 각 시나리오에는 두 개의 열이 있습니다. 백엔드 는 Shopify admin 안의 앱이며, 프런트엔드 는 테마 편집기와 쇼핑객이 스토어프런트에서 보는 화면입니다. 굵게 표시된 라벨은 화면에 나오는 정확한 이름입니다. 프런트엔드 열이 비어 있으면 스토어프런트에 아래에서 한 번 켜는 app embed 외에는 필요한 것이 없다는 뜻입니다.

모든 시나리오 전에

백엔드 · 앱에서

  1. Shopify App Store에서 설치합니다. 설치가 끝나면 admin 안에서 앱의 Home 페이지가 열립니다.
  2. Home에서 설정 가이드의 첫 번째 단계인 Activate Prime Bundles on your storefront, 이 단계가 테마 편집기를 열며, Bundle deals 임베드가 이미 켜진 상태입니다. 편집기의 Save 버튼을 누른 뒤 돌아오세요.
  3. 두 번째 단계인 Create your first bundle deal, 이 단계는 Offer editor를 엽니다. 아래의 모든 시나리오는 다음에서 시작합니다: Offers → Create bundle deal.

프런트엔드 · 테마 편집기 & 스토어프런트

  1. Online Store → Themes → Customize → App embeds → 토글 Bundle deals 켜기 → Save. 딜이 있는 모든 상품 페이지에서 위젯이 상품 폼 위에 자동으로 배치됩니다.
  2. 위치를 직접 정하고 싶으신가요? 편집기에서 상품 템플릿을 열고 Add block → 앱 → Bundle deals, 원하는 위치로 끌어다 놓으세요. 직접 배치한 블록이 항상 임베드보다 우선합니다.
  3. 임베드와 블록에는 각각 하나의 설정이 있습니다: Accent color (기본값 #1a7f37). 오퍼 자체의 Style 색상이 설정되어 있으면 그것이 우선합니다.

모든 테마 편집기 설정

설정주요 기능기본값
Bundle deals (app embed)딜이 있는 상품 페이지의 상품 폼 위에 위젯을 표시합니다. 테마 파일은 건드리지 않습니다.직접 켜기 전까지 꺼져 있음
Bundle deals (app block)같은 위젯을 상품 템플릿 안에 직접 배치합니다. 해당 템플릿에서는 임베드보다 우선합니다.배치되지 않음
Accent color선택된 바, 배지, 카운트다운, 버튼에 적용되며, 오퍼의 Style → Colors가 설정되어 있으면 그것이 우선합니다.#1a7f37

앱 내 항목 위치

페이지들어 있는 내용
Home창출한 매출(30일 / 전체 기간), 형제 앱에서 발생한 스위트 매출, 2단계 설정 가이드, 그리고 Create bundle deal 버튼.
Offers모든 오퍼와 그 유형(Quantity breaks, Mix & match, Buy X get Y, Fixed bundle, Order volume, Shipping discount), 그리고 상태.
Offer editor위에서 아래로 섹션 순서: Choose a discount type · Settings · Who sees this offer · Target by metafield · Method · Products · 유형별 전용 섹션(Bars, Buy X get Y, Fixed bundle, Order volume tiers 또는 Shipping discount) · Style · Boosters · Checkbox upsells · Translations · Combinations · Active dates · Live preview(A/B arms 및 Traffic allocation 포함) · Summary · Save.
AnalyticsMetrics over time, Bundles, Features, Conversion funnel, Quantity per order, A/B tests, Export as CSV.
Plan요금제 관리: 포함된 추가 매출이 표시된 모든 등급, Monthly / Annual (3 mo. free), Cancel plan — downgrade to Free, 그리고 Enter code (할인 또는 추천 코드용).
Help / Support앱 내 문서와 지원 양식. 메시지는 스튜디오로 전달됩니다.

시나리오

하나의 상품에서 더 사면 더 저렴하게

상품 페이지의 단계형 구성(2개 구매 시 10% 할인, 3개 구매 시 15% 할인)에서 쇼핑객이 바를 고르면 수량과 가격이 따라 바뀝니다.

백엔드 · 앱에서

  1. Offers → Create bundle deal → Choose a discount type → Quantity breaks.
  2. Settings: 오퍼 이름은 Title (쇼핑객에게는 체크아웃의 할인 이름으로 표시됩니다)에 입력하고, Status 를 다음으로 설정: ACTIVE. DRAFT와 PAUSED는 스토어프런트에 표시되지 않습니다.
  3. Method: 기본값 Automatic discount 선택 그대로 유지하세요.
  4. Products → Applies to: Selected products → Select products → 상품을 선택합니다. All products 를 선택하면 단계 구성이 스토어 전체에 적용됩니다.
  5. Bars: 바 1 Min qty 2, Discount Percent off, Percent 10; 바 2는 Min qty 3, 15. 필요한 만큼 바를 추가하세요. 바별 선택 항목: Title, Subtitle, Label, Badge 와 Badge style, Product image, 그리고 Selected by default (미리 선택해 둘 바용).
  6. Save. 오퍼는 같은 저장으로 스토어프런트와 체크아웃에 함께 게시됩니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

상품 가격 아래에 선택 가능한 바가 표시됩니다. 바를 고르면 수량 입력란이 설정되고 해당 항목의 가격이 다시 계산되며, 체크아웃 Function도 같은 금액을 청구합니다.

확인하기

상품을 열고 3개 이상 바를 고른 뒤 장바구니에 담으세요. 코드를 입력하지 않아도 장바구니와 체크아웃에 오퍼 제목으로 할인이 표시됩니다.

데모 스토어에서

장바구니에 담기 전에 가격이 정해지는 4단계.

2개 이상은 개당 $26.99, 3개 이상은 $24.99, 5개 이상은 $22.99, 최고 가성비인 10개는 개당 $19.99입니다. 각 바에는 합계, 취소선이 그어진 정가, 절약 금액이 표시되며, 바를 고르면 상품의 수량 입력란 가격이 즉시 다시 계산됩니다.

프리미엄 티셔츠의 데모 스토어 상품 페이지와 Prime Bundles 수량 구간 위젯: 개당 $26.99로 $6.00를 절약하는 2개 이상 구매부터 개당 $19.99로 $100.00를 절약하는 최고 가성비 단계까지 선택 가능한 4개 단계
GraphicMeat 데모 스토어 · Horizon 테마 · 무보정클릭하여 확대

단계 가격을 .99로 끝내기

퍼센트로 계산하면 $16.77 같은 가격이 나옵니다. 대신 단계 가격을 직접 정하세요. 2개일 때 개당 $26.99, 3개일 때 $24.99.

백엔드 · 앱에서

  1. 같은 오퍼의 각 바에서 Discount 를 다음으로 설정: Fixed price per unit 그다음 단위 가격(예: 26.99)을 입력하세요. Amount off per unit 도 같은 방식으로 작동하며, “개당 $3 할인”에 사용합니다.
  2. Style → Price display: Price per item 또는 Per item, total underneath, 그러면 바에 선택한 숫자가 맨 앞에 표시됩니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

바에는 “Buy 2+”와 “$26.99 each”가 표시되고, 그 옆에 항목 합계와 취소선이 그어진 정가가 함께 보입니다. GraphicMeat Prime Bundles 페이지의 전체 페이지 캡처.

확인하기

여러 통화로 판매하시나요? 고정 금액은 장바구니의 통화로 그 숫자 그대로 적용됩니다. 다중 통화 스토어에서는 퍼센트를 사용하거나, 각 마켓을 다음으로 확인하세요: Live preview → Country previewing.

컬렉션 전체에 걸친 하나의 단계 할인

식기류 아무거나 2개면 10%, 3개면 15% 절약(머그 1개와 병 2개도 함께 3개 단계에 도달합니다).

백엔드 · 앱에서

  1. Quantity breaks 오퍼 → Products → Applies to: Selected collections → Select collections. 상품이 컬렉션에 추가되거나 빠지면 구성원이 자동으로 다시 확장됩니다.
  2. Exceptions & counting: 체크할 항목은 Count quantity across all matching products (collection breaks).
  3. 선택 사항: Select exceptions (컬렉션에 속해 있어도 절대 할인하면 안 되는 상품용).
  4. Bars 를 평소처럼 설정한 뒤, 다음을 누르세요: Save.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

컬렉션의 모든 상품에 같은 타일이 표시되며, “Mix savings” 줄은 장바구니에 담긴 조합에 따라 바뀝니다.

확인하기

머그 1개와 병 2개를 담으세요. 체크아웃에서 세 항목 모두에 3개 단계가 적용됩니다.

데모 스토어에서

범위 전체의 수량을 합산하세요.

식기류 단계는 조건에 맞는 모든 상품을 합산합니다. 아무 상품이나 2개면 10%, 3개면 15%, 5개면 20% 할인이므로 머그 1개와 병 2개도 머그 3개와 똑같이 3개 단계에 도달합니다. Mix savings 줄은 장바구니에 담긴 상품에 따라 바뀝니다.

11oz 머그 상품 페이지의 Mix any drinkware 위젯: any 2 items save 10%, Best mix 표시가 붙은 any 3 items save 15%, any 5 items save 20% 타일과 $5.39의 Mix savings 줄
GraphicMeat 데모 스토어 · Horizon 테마 · 무보정클릭하여 확대

장바구니의 모든 수량을 단계 계산에 포함

장바구니에 무엇이 있든 3개 이상 단계에 도달하되, 할인은 이 오퍼의 상품에만 적용합니다.

백엔드 · 앱에서

  1. Quantity breaks 오퍼 → Exceptions & counting → 체크할 항목은 Volume discount with other products. 이는 컬렉션 방식의 수량 계산을 의미합니다.
  2. 유지: Applies to (실제로 할인되어야 하는 상품에만 설정).

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

상품 페이지에서는 달라지는 것이 없습니다. 체크아웃에서는 관련 없는 상품 2개와 이 상품 중 하나가 이미 해당 상품의 3개 이상 단계에 해당합니다.

확인하기

장바구니: 관련 없는 상품 2개 + 오퍼 상품 1개 → 오퍼 상품에 3개 이상 단계 할인율이 적용됩니다.

팩 가격: 3팩, 6팩, 12개입 박스

팩 SKU를 만들지 않고 하나의 상품으로 멀티팩을 판매하며, “Most popular”와 “Best value” 배지를 붙입니다.

백엔드 · 앱에서

  1. Quantity breaks 오퍼 → Bars: Min qty 3 / 6 / 12, 할인은 Percent off 10 / 15 / 25(또는 고정 단위 가격).
  2. 바별 설정: Title “3-pack”, “6-pack”, “Case of 12”; Badge 가운데 바에는 “Most popular”, 마지막 바에는 “Best value”를 입력하고, 다음 스타일을 고르세요: Badge style; 체크할 항목은 Selected by default (미리 선택해 둘 바에서).
  3. Style → Layout: 바 대신 타일(나란히 배치). Boosters → Savings summary 켜기, 텍스트는 “You save {amount} ({percent})”.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

팩 합계, 취소선이 그어진 정가 합계, 절약 금액이 표시된 타일 3개가 나타나고, 선택된 타일은 Accent color로 윤곽선이 강조됩니다.

확인하기

박스 타일을 고르면 테마의 수량 입력란이 12로 바뀌고 장바구니 항목에 단위당 할인이 표시됩니다.

데모 스토어에서

계산이 한눈에 보이는 팩 가격.

3팩은 $75.58, 가장 인기 표시가 붙은 6팩은 $142.75, 최고 가성비 표시가 붙은 12개입 한 상자는 $251.91이며, 각각 총 절약 금액이 표시됩니다. 라벨, 배지, 기본 선택될 바는 모두 직접 정할 수 있습니다.

Stock up & save 위젯이 있는 티셔츠 상품 페이지: $75.58의 3팩, Most popular 표시가 붙은 $142.75의 6팩, Best value 표시가 붙은 $251.91의 12개입 한 상자 타일과 You save $25.19 줄
GraphicMeat 데모 스토어 · Horizon 테마 · 무보정클릭하여 확대

두 개를 사면 무료 사은품

1팩은 정가, 2팩에는 무료 마우스 패드가 포함됩니다.

백엔드 · 앱에서

  1. Quantity breaks 오퍼에 바 두 개: Min qty 1은 Percent off 0(제목 “One pack, standard price”), Min qty 2는 원하는 할인(없어도 됨).
  2. 두 번째 바에서 다음을 누르세요: Add free gift 그리고 사은품 옵션을 고릅니다. Change free gift 는 나중에 사은품을 바꿀 때 사용합니다.
  3. 사은품 상품이 구매 가능한 상태인지 확인하세요. 재고가 있거나 재고를 추적하지 않아야 합니다. 사은품은 일반 항목으로 장바구니에 담깁니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

두 번째 바에는 사은품 배지가 붙고 바 아래에 사은품 이름이 표시됩니다. 이 바를 선택하면 사은품이 100% 할인으로 추가되며, 체크아웃은 장바구니에 2팩이 실제로 있을 때만 무료로 유지합니다.

확인하기

2팩 바를 선택해 장바구니에 담은 뒤 장바구니에서 수량을 1로 줄이세요. 체크아웃에서 사은품 할인이 사라집니다.

데모 스토어에서

쿠폰이 아닌, 사은품 단계.

1팩은 정가 $4.95, 2팩은 $9.90에 무료 마우스 패드가 포함됩니다. 사은품은 100% 할인된 실제 상품 항목으로, 위젯이 추가하고 체크아웃에서 Function이 다시 확인하므로 1팩만으로는 받을 수 없습니다.

스티커 팩 상품 페이지의 Free gift with purchase 위젯: 정가 $4.95의 1팩과, Free gift 표시가 붙고 무료 마우스 패드가 포함된 $9.90의 2팩
GraphicMeat 데모 스토어 · Horizon 테마 · 무보정클릭하여 확대

단계별 사은품: 단계마다 더 좋은 사은품

머그 2개는 10% 절약과 스티커, 3개는 15% 절약과 마우스 패드가 열립니다.

백엔드 · 앱에서

  1. Quantity breaks 오퍼에 바 세 개(1 / 2 / 3). Add free gift 는 바 2(스티커)와 바 3(마우스 패드)에 적용하며, 바마다 다른 사은품을 둘 수 있습니다.
  2. Badge 를 바에 입력하고(“Gift unlocked”, “Best loot”) 다음 항목을 설정하세요: Style → Block title 값: “Unlock gifts as you add”.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

각 바에 사은품 이름이 표시되는 단계 구성이며, 쇼핑객이 위로 올라갈 때마다 바 아래의 사은품 줄이 바뀝니다.

확인하기

머그 3개를 담으세요. 장바구니에는 머그와 무료 마우스 패드 1개가 담기며, 두 사은품이 모두 담기지는 않습니다.

데모 스토어에서

수량이 늘수록 열리는 사은품.

머그 1개는 $11.99. 2개는 10% 할인과 무료 스티커, 3개는 15% 할인과 무료 마우스 패드가 추가됩니다. 사은품은 $0로 장바구니에 함께 담기며, 조건 수량이 실제로 충족된 경우에만 체크아웃에서 인정됩니다.

11oz 머그 상품 페이지와 “Unlock gifts as you add”라는 제목의 Prime Bundles 위젯: 머그 1개 $11.99, 머그 2개는 10% 절약에 Gift unlocked 표시가 붙은 무료 스티커, 머그 3개는 15% 절약에 Best loot 표시가 붙은 무료 마우스 패드, 그리고 You save $2.39 줄
GraphicMeat 데모 스토어 · Horizon 테마 · 무보정클릭하여 확대

Mix & match: 세트에서 N개 아무거나 선택

쇼핑객이 상품 풀(스티커, 머그, 마우스 패드)에서 직접 세트를 구성하고, 고른 개수가 늘수록 할인이 커집니다.

백엔드 · 앱에서

  1. Create bundle deal → Mix & match.
  2. Products: Select products 또는 Select collections 로 풀을 구성합니다. 풀의 모든 상품은 각자의 페이지에 이 카드가 표시됩니다.
  3. Bars: Min qty 2, Percent off 10, Min qty 3 → 15, 또는 Amount off per unit (“개당 $3 할인”용).
  4. Save.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

구성 상품마다 체크박스가 있고 상품을 체크할 때마다 단계 타일이 켜지는 “Build your set” 카드이며, 버튼 하나로 세트 전체가 담기고 체크아웃이 상품들을 함께 가격 계산할 수 있도록 표시가 붙습니다.

확인하기

구성 상품 페이지에서 상품 2개를 체크하고 다음을 누르세요: Add bundle; 장바구니 항목에 오퍼 라벨이 붙고 체크아웃이 세 항목 모두를 할인합니다.

알아 두면 좋은 점

이 카드는 자체 수량 구간 오퍼가 없는 상품에서만 표시됩니다. 같은 상품에 수량 단계 구성이 있으면 그쪽이 우선합니다.

데모 스토어에서

하나씩 체크하며 세트를 구성하세요.

쇼핑객은 직접 정한 상품 풀(여기서는 정사각형 스티커, 머그, 마우스 패드)에서 원하는 상품을 체크하고, 카드는 이를 2개(10% 할인), 3개(15% 할인) 단계로 계산합니다. 여기서는 2개가 체크되어 있고 카드에는 3개, 15% 할인으로 표시되며, 버튼 하나로 세트 전체가 담깁니다. 체크아웃이 어떤 항목이 한 세트인지 알 수 있도록 표시가 붙습니다.

“Build Your Own Bundle, Pick Your Loadout”이라는 제목의 데모 스토어 상품 페이지와 Prime Bundles의 Build your set 카드: 2개 10% 할인, 3개 15% 할인 단계 타일, 체크된 정사각형 스티커와 머그, 체크되지 않은 마우스 패드, Add bundle, 3 pieces 버튼
GraphicMeat 데모 스토어 · Horizon 테마 · 무보정클릭하여 확대

하나 사면 하나 무료

같은 캡 두 개, 두 번째는 무료.

백엔드 · 앱에서

  1. Create bundle deal → Buy X get Y.
  2. Buy quantity 1, Get quantity 1, Get % off (100 = free) 100.
  3. 체크: Buy and get are the same product(s), 그다음 Products → Select products → 캡을 선택합니다.
  4. Save.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

상품 페이지에 간결한 “Bundle deal: Buy 1 get 1 free” 스트립이 표시되고, 두 번째 수량은 체크아웃에서 0이 됩니다.

확인하기

장바구니 수량 2 → 1개가 100% 할인. 수량 3 → 여전히 1개 무료, 4 → 2개 무료.

데모 스토어에서

페이지에 명시하고, 체크아웃에서 적용합니다.

캡 하나를 사면 같은 상품 하나가 무료: 구매 옵션 아래에 간결한 Bundle deal 스트립이 표시되며, 체크아웃에서 입력할 것은 없고, 무료 수량도 실제 재고입니다. 다른 상품을 묶는 딜(“이것을 사면 저것이 무료”)과 부분 할인(“두 번째는 50% 할인”)도 같은 스트립을 사용합니다.

Buy One Get One 캡의 데모 스토어 상품 페이지: 구매 옵션과, Add to cart 버튼 위에 Buy 1 get 1 free라고 적힌 Bundle deal 스트립
GraphicMeat 데모 스토어 · Horizon 테마 · 무보정클릭하여 확대

이것을 사면 저것이 무료 또는 반값

모자를 사면 마우스 패드가 무료, 또는 두 번째 상품 50% 할인.

백엔드 · 앱에서

  1. Buy X get Y 를 선택하고, 다음 항목은 Buy and get are the same product(s) 체크 해제 상태로 두세요.
  2. 구매 세트와 받는 세트를 각각의 Select products 버튼으로 고르세요. 세트를 비워 두면 모든 상품을 뜻합니다.
  3. Get % off 100은 무료, 50은 반값. Buy quantity 2 / Get quantity 1은 “2개 사면 1개 증정”이 됩니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

스트립은 구매 상품에 표시되며, 두 상품이 모두 장바구니에 있으면 할인이 증정 상품에 적용됩니다. GraphicMeat Prime Bundles 페이지의 전체 페이지 캡처.

확인하기

모자만 → 할인 없음. 모자 + 마우스 패드 → 마우스 패드 무료.

하나의 가격으로 판매하는 키트

티셔츠와 모자를 버튼 하나로 함께 $69.99에 판매하며, 유령 키트 SKU가 초과 판매되는 일이 없습니다.

백엔드 · 앱에서

  1. 먼저 Shopify에서: Products → Add product 키트 자체용(“Starter Kit”), 가격 $69.99, 재고 추적 안 함. 주문에서 번들을 대표하며, 재고는 구성품에서 차감됩니다.
  2. Create bundle deal → Fixed bundle.
  3. Select component variants → 티셔츠(Black / M)와 모자 → 다음을 설정: Qty 각각 지정.
  4. Bundle price 69.99: “total price the merged bundle line is sold at”.
  5. Select bundle product variant → 직접 만든 키트 상품. Image URL (optional) (카드에 사용).
  6. Save. 앱이 합치기를 위한 카트 변환(cart transform)을 등록합니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

구성품 상품 페이지에 “Add bundle” 카드가 표시됩니다. 구성품은 실제 항목으로 장바구니에 담기고 체크아웃에서 번들 가격의 키트 항목 하나로 합쳐집니다.

확인하기

Add bundle을 누르고 체크아웃으로 이동하세요. “Starter Kit” 한 줄이 $69.99로 표시됩니다. 티셔츠 재고를 0으로 설정하면 버튼이 구매 불가로 표시됩니다.

데모 스토어에서

유령 재고 없이, 하나의 가격으로 판매하는 키트.

Starter Kit는 티셔츠와 모자를 함께 $69.99에 판매하며, Add bundle 버튼 하나로 담습니다. 구성품은 재고가 추적되는 실제 항목으로 장바구니에 담기고 카트 변환(cart transform)이 체크아웃에서 이를 하나의 번들 항목으로 합치므로, 키트가 없는 재고를 판매하는 일은 없습니다.

“Complete the Bundle, Tee + Hat”이라는 제목의 상품 페이지: 가격 아래의 GraphicMeat Starter Kit $69.99 Add bundle 스트립, 고정 번들의 작동 방식 설명, You may also like 행
GraphicMeat 데모 스토어 · Horizon 테마 · 무보정클릭하여 확대

$X 이상 구매하면 전체 주문 Y% 할인

장바구니 전체 단계: $100 이상 10% 할인, $200 이상 15% 할인, 또는 상품 수 기준.

백엔드 · 앱에서

  1. Create bundle deal → Order volume.
  2. Order volume tiers → Based on: Cart subtotal 또는 Item count.
  3. 행: Min subtotal (또는 Min items), Discount Percent off 또는 Amount off, Label (optional): 이 라벨이 체크아웃에 표시됩니다.
  4. Save.

프런트엔드 · 테마 편집기 & 스토어프런트

  1. 이 유형에는 상품 페이지 위젯이 없으며, 체크아웃에서 장바구니 가격을 계산합니다. 기준 금액은 Smart Cart의 다음 항목으로 알릴 수 있습니다: Announcement text, 리워드 단계, 또는 테마의 공지 바.

쇼핑객에게 보이는 모습

소계나 상품 수가 단계를 넘으면 체크아웃에 지정한 라벨이 붙은 주문 할인 줄이 표시됩니다.

확인하기

$99 장바구니 → 아무 일 없음, 상품을 추가해 $100를 넘기면 → 주문 할인이 표시됩니다.

$X 이상 무료(또는 더 저렴한) 배송

소계가 $50을 넘으면 배송 프로필을 건드리지 않고도 무료 배송이 적용됩니다.

백엔드 · 앱에서

  1. Create bundle deal → Shipping discount.
  2. Minimum subtotal 50, Percent off shipping 100(“100 = free shipping”), 50이면 요금이 절반이 됩니다.
  3. Save.

프런트엔드 · 테마 편집기 & 스토어프런트

  1. 같은 금액의 Smart Cart 리워드 단계와 함께 설정하면 드로어에 진행 바가 표시됩니다. 다음 가이드를 참고하세요: Smart Cart 가이드. 두 숫자는 반드시 일치해야 하며, 실제로 배송을 무료로 만드는 것은 여기의 할인입니다.

쇼핑객에게 보이는 모습

소계가 조건을 충족하면 체크아웃에서 배송 줄이 $0로 할인됩니다. 이 유형은 상품 페이지에 아무것도 표시하지 않습니다.

확인하기

$49에서는 배송비를 내고, $51에서는 배송 줄이 무료로 표시됩니다.

바 아래의 체크박스 추가 상품

수량 단계 아래에 체크박스로 스티커 50% 할인과 머그 25% 할인을 제안합니다.

백엔드 · 앱에서

  1. Quantity breaks 오퍼 → Checkbox upsells → Select add-ons → 상품을 선택합니다.
  2. 설정: % off (추가 상품마다). Remove 는 하나를 삭제합니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

바 아래에 추가 상품 가격과 할인이 표시된 체크박스 행이 나타나며, 체크한 추가 상품은 주 상품과 함께 담기고 체크아웃에서 할인됩니다.

확인하기

추가 상품을 체크하고 장바구니에 담으세요. 두 줄이 생기고 추가 상품에는 설정한 퍼센트 할인이 적용됩니다.

알아 두면 좋은 점

Quantity breaks 오퍼에서만 사용할 수 있습니다.

카운트다운과 함께 세일 예약하기

금요일에 저절로 시작되고 일요일 밤에 끝나며, 그동안 흘러가는 시계를 보여 주는 주말 딜.

백엔드 · 앱에서

  1. Active dates: Start date + Start time, 체크: Set end date, 그다음 End date + End time. 시간은 스토어의 시간대 기준이며 라벨에 표시됩니다. 유지: Status ACTIVE (켜고 끄는 일은 날짜가 처리합니다).
  2. Boosters → Countdown timer 켜기. End date (모두에게 같은 고정 마감 시각용), 또는 Minutes per visitor (첫 방문 때 시작되고 새로고침해도 유지되는 상시 타이머용).
  3. 선택 사항: Label (“Offer ends in”), Icon, Button text (optional) (타이머에서 바로 선택한 바를 담기), Expired text (비워 두면 0이 될 때 타이머가 사라짐), 그리고 Design, Alignment 와 Colors.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

시계는 바 위에 표시되며, 종료일이 지나면 오퍼가 스토어프런트와 체크아웃에서 저절로 사라집니다.

확인하기

종료 시각을 10분 뒤로 설정하고 위젯과 체크아웃 할인이 함께 사라지는 것을 확인하세요.

전환 부스터: 고정 바, 절약 줄, 스테퍼, 옵션 선택기, 장바구니 건너뛰기

같은 위젯에서 선택 기능으로 더 많은 효과를 얻으세요. 각 기능은 켜기 전까지 꺼져 있습니다.

백엔드 · 앱에서

  1. Boosters → Sticky add to cart: 위젯이 화면 밖으로 스크롤되면 선택한 바를 화면 하단에 고정합니다; Button text.
  2. Savings summary: 바 아래 또는 위에 “You save {amount} ({percent})” 표시 (Text, Design, Alignment & position, Icon, Colors).
  3. Quantity selector: 선택한 바 안의 − / + 스테퍼, 설정 항목은 Maximum quantity.
  4. Pick a variant per item: “3개 사면 사이즈를 각각 선택” (Style Dropdowns 또는 Swatches, Button text). 각 수량이 별도의 장바구니 항목이 되며, 계산할 때는 여전히 함께 합산됩니다.
  5. Skip cart — go straight to checkout: 장바구니에 담으면 쇼핑객이 바로 체크아웃으로 이동합니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

각 부스터는 켠 경우에만 표시되며, 끈 오퍼에는 아무 변화도 없습니다.

확인하기

고정 바를 켠 상태로 위젯을 지나 스크롤하세요. 바가 나타나 선택한 수량을 담아 줍니다.

딜을 공개하는 스크래치 카드

가장 좋은 바를 쇼핑객이 긁어서 여는 포일 카드 아래에 숨기고, 원하면 실제 할인 코드도 적용합니다.

백엔드 · 앱에서

  1. Boosters → Scratch-off 켜기. 선택: Cover finish, 토글: Glitter, Confetti on reveal 와 Holo card after reveal; 설정: Card text (“Scratch to reveal your deal”), Card text style 와 Text size.
  2. 다음 위치: Bars, 체크: Hide behind the scratch card (숨길 바에 적용). 숨긴 바가 없으면 카드만 단독으로 표시되며 다음 문구가 나옵니다: Prize text.
  3. 코드를 나눠 주려면 Shopify의 Discounts 에서 코드를 먼저 만든 뒤 다음 항목에 붙여 넣으세요: Discount code (optional); 카드가 공개 시 코드를 적용하므로 체크아웃에서도 인정됩니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

숨겨진 바를 덮는 긁을 수 있는 커버입니다. 긁으면 바가 공개되고 선택되며 색종이 효과가 나옵니다.

확인하기

휴대폰과 데스크톱에서 모두 긁어 보세요. 공개된 바가 선택되고, 코드를 설정했다면 장바구니에 적용됩니다.

코드가 필요한 오퍼(고객이 코드를 입력)

코드를 가진 사람에게만 제공하는 번들 가격: 뉴스레터, 인플루언서, 고객 지원.

백엔드 · 앱에서

  1. 어떤 오퍼에서든, Method → Discount code → 코드를 다음 항목에 입력: Discount code.
  2. 단계를 평소처럼 구성한 뒤 다음을 누르세요: Save. 앱이 Shopify에 이 오퍼용 코드 할인을 만듭니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

코드형 오퍼는 상품 페이지에 아무것도 표시되지 않으며, 코드를 입력하면 체크아웃에서 가격이 적용됩니다.

확인하기

코드 없이 체크아웃 → 정상 가격. 코드 입력 → 단계 할인이 적용됩니다.

일부 쇼핑객만: 국가, B2B, metafield

미국과 캐나다에만, 도매 구매자에게만, 또는 metafield로 태그된 상품에만 적용하는 딜.

백엔드 · 앱에서

  1. Who sees this offer → Audience: Everyone, B2B (company) buyers only 또는 Retail customers only.
  2. Countries: ISO 코드를 쉼표로 구분해 입력합니다(“US, CA”). 비워 두면 모든 마켓입니다.
  3. Target by metafield: Level (Product metafield / Variant metafield) → Metafield → Equals 값을 입력하세요. 일치하는 상품만 오퍼에 포함됩니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

대상 밖에서는 위젯이 오퍼를 숨기고 체크아웃 Function이 가격 적용을 거부하므로, 양쪽의 판단이 일치합니다.

확인하기

Live preview → Country previewing 으로 저장하기 전에 각 마켓에서 보이는 모습을 확인할 수 있습니다.

오퍼의 두 버전으로 A/B 테스트

“2개 구매 시 10% 절약”과 “2개 구매 시 15% 절약” 중 어느 쪽이 더 많이 벌까요? 트래픽을 나눠 결과를 확인하세요.

백엔드 · 앱에서

  1. 다음의 Live preview 카드에서 다음을 누르세요: Start an A/B test, 그다음 + Add variant (추가 그룹마다 하나씩). 첫 번째 그룹은 설정한 그대로의 오퍼입니다.
  2. 그룹별로 덮어쓸 수 있는 항목: Bars, Style 또는 Block title.
  3. Traffic allocation: 그룹별로 % 값을 입력하세요. 비워 두면 균등 분배입니다. Save.
  4. 결과는 다음에서 확인하세요: Analytics → A/B tests; 집계는 합계로만 제공되며 쇼핑객별로는 제공되지 않습니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

방문자마다 하나의 그룹이 배정되어 일관되게 같은 버전을 보며, 체크아웃은 방문자가 본 그룹 기준으로 가격을 계산합니다.

확인하기

상품을 시크릿 창 두 개에서 열어 보세요. 각 창은 새로고침해도 하나의 그룹에 고정됩니다.

위젯 번역하기

프랑스어 쇼핑객은 프랑스어 바를 봅니다.

백엔드 · 앱에서

  1. Shopify에서 Settings → Languages: 언어를 추가하고 게시하세요. 게시된 비기본 언어만 앱에 표시됩니다.
  2. 오퍼 → Translations → Language → 나열된 각 문구를 입력합니다(Block title, 바 제목, Subtitle, Badge, Button text) → Save.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

위젯이 스토어프런트 언어를 읽어 문구를 바꿔 주며, 비워 둔 항목은 원문이 그대로 유지됩니다.

확인하기

스토어프런트의 언어 선택기를 바꾼 뒤 상품 페이지를 새로고침하세요.

위젯을 테마에 맞추기

위젯이 테마와 함께 제공된 것처럼 보입니다.

백엔드 · 앱에서

  1. Style: Block title (“BUNDLE & SAVE”), Title alignment & style, Uppercase; 테마; Layout (바, 타일, 그리드, 목록); Corner radius; Spacing; Price display (Bundle total, Price per item, Total, per item underneath, Per item, total underneath, No price); Colors; Typography.
  2. 변경하는 동안 Live preview 를 확인하세요: Test product, Country previewing, Unit price 항목이 샘플을 조정합니다.

프런트엔드 · 테마 편집기 & 스토어프런트

  1. 임베드의 Accent color 는 오퍼의 Colors에서 지정하지 않은 모든 색의 기본값입니다.

쇼핑객에게 보이는 모습

오퍼별 스타일을 지정할 수 있어, 같은 스토어에서도 재고 정리 단계와 프리미엄 번들의 모습을 다르게 할 수 있습니다.

확인하기

미리 보기와 실제 상품 페이지를 데스크톱과 휴대폰 너비에서 비교해 보세요.

오퍼 중복 적용 허용 또는 최선의 하나만 유지

수량 단계와 BOGO가 한 항목에 모두 해당될 때 어떻게 할지 정합니다.

백엔드 · 앱에서

  1. 기본값: 항목당 오퍼 하나. 앱은 쇼핑객에게 가장 많이 절약해 주는 오퍼를 남깁니다.
  2. 대신 다른 오퍼 위에 겹쳐 적용하려면 오퍼를 열고 다음을 체크하세요: Combinations → Combine with other discounts (“applies on top of other offers instead of best-of”).
  3. Shopify 할인 코드는 다음 메뉴에 있는 코드 자체의 조합 설정에 따라 중첩됩니다: Discounts; 앱의 할인은 조합을 허용하도록 만들어집니다.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

위젯은 체크아웃에서 제공되지 않을 합산 절약액을 절대 광고하지 않습니다.

확인하기

한 상품에 오퍼 두 개, 조합 끄기 → 더 큰 오퍼가 적용됩니다. 조합 켜기 → 체크아웃에 두 줄이 모두 표시됩니다.

오퍼 일시 중지, 종료 또는 삭제

삭제하지 않고 딜을 내리거나, 아예 종료합니다.

백엔드 · 앱에서

  1. Status → PAUSED: 스토어프런트와 체크아웃에서 내려가며 설정은 유지됩니다. DRAFT 는 한 번도 게시되지 않은 오퍼에 해당하며 동작은 같습니다.
  2. 종료 시점이 정해져 있다면 대신 Active dates → Set end date 를 설정하세요.
  3. 앱을 삭제하면 앱이 만든 할인, 카트 변환, 저장된 모든 오퍼가 한꺼번에 제거됩니다.

프런트엔드 · 테마 편집기 & 스토어프런트

  1. 테마의 Bundle deals 임베드를 끄면 모든 위젯이 한꺼번에 숨겨지지만 체크아웃 가격은 계속 적용됩니다. 진짜 일시 중지에는 Status를 사용하세요.

쇼핑객에게 보이는 모습

일시 중지된 오퍼는 같은 저장 안에 상품 페이지에서 사라지고 가격 적용도 멈춥니다.

확인하기

일시 중지하고 상품 페이지를 새로고침한 뒤 장바구니에 담으세요. 체크아웃에서 정상 가격이 적용됩니다.

수익 확인하기

비용을 내기 전에 어떤 오퍼가 효과적인지 확인하세요.

백엔드 · 앱에서

  1. Home: 창출한 매출(30일)과 (전체 기간), 그리고 형제 앱의 스위트 매출.
  2. Analytics: Metrics over time, Bundles (per offer), Features, Conversion funnel, Quantity per order, A/B tests, Export as CSV.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

귀속 매출은 오퍼가 항목 하나라도 할인한 모든 주문의 소계이며, 요금제 기준값이 확인하는 숫자이기도 합니다.

확인하기

할인된 항목이 있는 테스트 주문을 넣으세요. 웹훅 지연 시간 안에 Home에 표시됩니다.

요금제, 연간 결제, 추천 코드

앱이 제 몫을 할 때까지 무료로 쓰고, 그때 요금제를 고르세요.

백엔드 · 앱에서

  1. Plan: 모든 등급에 월 가격과 포함된 추가 매출이 표시됩니다. 다음을 토글하세요: Monthly / Annual (3 mo. free), 요금제의 선택 버튼을 누르고 Shopify 페이지에서 요금을 승인하면 앱으로 돌아옵니다.
  2. 최근 30일 귀속 매출이 $200 미만이면 아무것도 필요하지 않습니다. 넘으면 새 오퍼나 수정한 오퍼를 저장할 때 요금제를 요구하며, 실행 중인 오퍼는 계속 작동합니다.
  3. Cancel plan — downgrade to Free 는 유료 요금제를 종료합니다. Enter code 는 다음을 받습니다: Discount or referral code.

프런트엔드 · 테마 편집기 & 스토어프런트

이미 켜져 있는 app embed 외에는 필요한 것이 없습니다.

쇼핑객에게 보이는 모습

청구는 Shopify 청구서에 포함되며, 개발 스토어에는 절대 청구되지 않습니다.

확인하기

승인하면 Plan 페이지에 해당 등급이 현재 요금제로 표시되고 업그레이드 배너가 사라집니다.

출시 전 체크리스트

  1. 테마 편집기: Bundle deals 임베드 켜짐(또는 블록 배치) 후 저장.
  2. 게시 중인 모든 오퍼는 Status ACTIVE 상태이고, 예약된 경우 올바른 날짜와 시간대를 가집니다.
  3. 사은품과 추가 상품은 재고가 있거나 재고를 추적하지 않습니다.
  4. 상품 하나에 단계 구성 하나: 같은 상품에 수량 구간 오퍼가 있으면 Mix & match 카드는 표시되지 않습니다.
  5. 다중 통화 스토어인가요? 퍼센트 단계를 사용하거나, 각 마켓을 다음으로 확인하세요: Country previewing.
  6. 단계마다 테스트 주문 한 건, 장바구니를 줄여서 한 건, 할인 코드를 써서 한 건.
  7. Smart Cart를 설치했나요? 리워드 단계가 배송 및 주문 기준 금액과 1센트까지 정확히 일치하는지 확인하세요.

아직 해결되지 않았나요?

다음을 통해 메시지를 보내 주세요: 문의 양식 (앱을 만든 사람이 직접 답변합니다). FAQ 는 요금, 귀속 매출, 데이터를 다루고, 앱 페이지 는 위의 모든 시나리오를 데모 스토어에서 실제로 보여 줍니다.