앱으로 체크아웃 및 고객 계정 맞춤 설정하기
체크아웃 구성, 감사 및 주문 상태 페이지, 고객 주문 및 프로필 페이지 등 블록을 사용하여 체크아웃 및 고객 계정 페이지를 맞춤 설정할 수 있습니다. 앱 개발자와 Shopify 파트너는 앱을 빌드한 다음 Shopify App Store에 게시합니다. 체크아웃 또는 고객 계정과 연동되는 공개 앱을 설치하거나 개발자와 함께 사용자 지정 앱을 생성하거나 Shopify 파트너를 고용할 수 있습니다.
Shopify 관리자에 앱을 설치한 후에는 체크아웃 및 계정 편집기를 사용하여 지원되는 페이지에 앱을 추가할 수 있습니다. 일부 블록은 페이지의 특정 영역에만 추가할 수 있습니다.
이 페이지의 내용
앱 사용 가능성
감사 및 주문 상태 페이지를 포함하여 체크아웃 및 고객 계정을 맞춤 설정하는 일부 앱은 Basic Shopify 플랜 이상의 비즈니스에서 사용할 수 있습니다. 주문서 초안의 체크아웃을 포함하여 체크아웃의 정보, 배송 및 결제 페이지를 맞춤 설정하는 앱은 Shopify Plus에서만 사용할 수 있습니다.
| 앱 유형 | Basic Shopify 플랜 이상 | Shopify Plus |
|---|---|---|
| 웹 픽셀 앱 확장으로 빌드된 앱 | ✔ | ✔ |
| 구매 후 앱 확장으로 빌드된 앱 | ✔ | ✔ |
| Shopify Functions로 빌드된 공개 앱 | ✔ | ✔ |
| Shopify Functions로 빌드된 사용자 지정 앱 | ✘ | ✔ |
| 감사 및 주문 상태 페이지용 UI 확장으로 빌드된 앱 | ✔ | ✔ |
| 모든 고객 계정 페이지용 UI 확장으로 빌드된 앱 | ✔ | ✔ |
| 정보, 배송 및 결제 페이지용 UI 확장으로 빌드된 앱 | ✘ | ✔ |
| UI 확장 및 Shopify Functions를 사용하여 체크아웃을 맞춤 설정할 수 있는 무료 앱인 Checkout Blocks | ✔ (일부 기능 제한 있음) | ✔ |
앱 설치
체크아웃, 고객 계정, 감사 및 주문 상태 페이지에 추가 기능을 더하고 싶다면 해당 기능을 제공할 수 있는 앱을 살펴보세요. 앱 개발자와 Shopify 파트너가 판매자님을 위한 사용자 지정 앱을 빌드할 수도 있고, Shopify App Store에서 체크아웃 또는 고객 계정 맞춤 설정을 위한 타사 앱을 설치할 수도 있습니다.
단계:
- Shopify App Store로 이동하여 비즈니스에 적합한 체크아웃 앱을 검색합니다.
- 앱 추가를 클릭합니다.
- 앱 설치를 클릭합니다.
앱을 설치한 후에는 체크아웃 및 계정 편집기를 사용하여 페이지에 앱을 추가해야 합니다.
체크아웃 및 계정 편집기에서 앱 사이드바 사용하기
체크아웃 및 계정 편집기의 앱 사이드바에서 사용 가능한 블록과 설치된 블록의 개요에 액세스할 수 있습니다. 사이드바는 모두 탭과 추가됨 탭으로 나뉩니다. 모두 탭에는 체크아웃 및 계정 페이지에 추가할 수 있는 사용 가능한 블록이 나열되고 추가됨 탭에는 체크아웃 및 계정 페이지에 이미 추가한 블록이 나열됩니다.
블록 검색 검색 창을 사용하여 모든 페이지에서 사용 가능한 모든 블록 및 블록 컬렉션을 검색할 수 있습니다.
모두 탭
모두 탭에는 설치된 앱에서 사용 가능한 모든 블록의 목록이 포함됩니다. 모두 탭에서 관련 체크아웃 및 계정 페이지에 블록을 직접 추가할 수 있습니다.
사용 가능한 모든 블록은 해당 블록이 속한 앱의 이름 아래에 표시됩니다. 단일 앱이 여러 유형의 블록을 제공하는 경우 블록은 “로열티 포인트” 또는 “위시리스트 관리”와 같이 관련 블록을 함께 그룹화하는 컬렉션으로 표시될 수 있습니다. 단일 앱에서 그룹화된 블록은 함께 작동하도록 만들어진 경우가 많으므로 블록 컬렉션 내의 모든 블록을 추가하여 고객에게 완전한 경험을 제공하는 것을 고려해 보세요. 필요에 따라 각 블록을 구성할 수 있도록 컬렉션의 각 블록을 개별적으로 추가해야 합니다.
블록이 페이지에 추가되면 블록 이름 옆에 ✓가 표시됩니다. 블록이 체크아웃 구성에 여러 번 추가되면 블록이 체크아웃 구성에 포함된 횟수를 나타내는 숫자가 표시됩니다. 블록을 한 번만 추가할 수 있는 경우 블록을 배치한 후에는 블록을 추가하는 옵션이 비활성화됩니다.
추가됨 탭
추가됨 탭에는 체크아웃 및 계정 구성의 한 곳 이상에 있는 모든 설치된 블록의 목록이 포함됩니다. 추가된 모든 블록은 해당 블록이 속한 앱의 이름 아래에 표시됩니다. 나열된 블록에는 블록이 추가된 모든 페이지도 표시됩니다.
블록을 클릭하여 블록 설정에 액세스하세요.
설치된 앱에서 블록 추가
앱을 설치한 후에는 체크아웃 및 계정 편집기를 사용하여 페이지에 블록으로 추가할 수 있습니다. 일부 앱은 구성의 특정 영역에만 추가할 수 있습니다. 강조 표시된 영역당 앱은 최대 3개까지 추가할 수 있습니다.
섹션 사이드바 또는 앱 사이드바를 사용하여 페이지의 섹션에 기존 블록을 직접 추가할 수 있습니다.
섹션 사이드바를 사용하여 블록 추가
섹션 사이드바를 사용하여 현재 보고 있는 페이지에 설치한 앱의 블록을 추가할 수 있습니다. 페이지나 섹션에 설치할 수 있는 블록만 선택 가능한 옵션으로 표시됩니다.
단계:
데스크톱
Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.
구성 섹션에서 사용자 지정하려는 구성 옆의 편집을 클릭합니다.
체크아웃 및 계정 편집기에서 앱을 추가할 페이지를 선택한 다음
을(를) 클릭하여 섹션 사이드바에 액세스합니다.
앱을 추가하려는 섹션에서 ⊕ 블록 추가를 클릭합니다.
추가하려는 블록을 클릭합니다.
필요에 따라 블록을 사용자 지정합니다.
- 블록의 위치를 재정렬하려면 섹션 목록에서 블록을 위 또는 아래로 끌어서 놓거나 미리 보기 창의 이동 버튼을 사용합니다.
- 블록을 클릭하여 블록 설정을 구성합니다.
저장을 클릭합니다.
모바일
Shopify 앱에서
을(를) 탭한 후
설정을 탭합니다.
스토어 설정 섹션에서 체크아웃을 탭합니다.
구성 섹션에서 사용자 지정하려는 체크아웃 구성의 사용자 지정을 탭합니다.
체크아웃 및 계정 편집기에서 앱을 추가하려는 페이지를 선택한 다음 섹션을 탭합니다.
앱을 추가하려는 섹션에서 ⊕ 블록 추가를 탭합니다.
추가하려는 블록을 탭합니다.
필요에 따라 블록을 사용자 지정합니다.
- 블록의 위치를 재정렬하려면 섹션 목록에서 블록을 위 또는 아래로 끌어서 놓거나 미리 보기 창의 이동 버튼을 사용합니다.
- 블록을 탭하여 블록 설정을 구성합니다.
저장 또는 ✓를 탭합니다.
앱 사이드바를 사용하여 블록 추가
앱 사이드바를 사용하여 현재 보고 있는 페이지에 설치한 앱의 블록을 추가할 수 있습니다. 블록을 추가할 때 특정 블록을 설치할 수 있는 페이지만 옵션으로 표시됩니다.
체크아웃 및 계정 편집기에서 앱 사이드바를 사용하는 방법에 대해 자세히 알아보세요.
단계:
데스크톱
Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.
구성 섹션에서 사용자 지정하려는 구성 옆의 편집을 클릭합니다.
체크아웃 및 계정 편집기에서
을(를) 클릭하여 앱 사이드바에 액세스합니다.
추가하려는 블록 옆의 ⊕를 클릭합니다.
추가 위치 팝업에서 블록을 추가할 페이지를 클릭합니다.
필요에 따라 블록을 사용자 지정합니다.
- 블록의 위치를 재정렬하려면 미리 보기 창의 이동 버튼을 사용합니다.
- 블록 설정을 구성합니다.
저장을 클릭합니다.
모바일
Shopify 앱에서
을(를) 탭한 후
설정을 탭합니다.
스토어 설정 섹션에서 체크아웃을 탭합니다.
구성 섹션에서 사용자 지정하려는 체크아웃 구성의 사용자 지정을 탭합니다.
체크아웃 및 계정 편집기에서 앱을 탭합니다.
추가하려는 블록 옆의 ⊕를 탭합니다.
추가 위치 팝업에서 블록을 추가할 페이지를 탭합니다.
필요에 따라 블록을 사용자 지정합니다.
- 블록의 위치를 재정렬하려면 미리 보기 창의 이동 버튼을 사용합니다.
- 블록 설정을 구성합니다.
저장 또는 ✓를 탭합니다.
앱 이동 및 배치
특정 페이지의 블록 내에서 앱을 이동하고 배치할 수 있습니다. 일부 앱은 페이지의 특정 영역에만 배치할 수 있습니다. 앱을 끌어서 놓으려고 하면 사용할 수 없는 영역이 회색으로 표시됩니다.
단계:
Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.
구성 섹션에서 사용자 지정하려는 구성 옆의 편집을 클릭합니다.
이동하려는 앱을 찾습니다.
앱 옆의 ⠿ 아이콘을 클릭하고 끌어 앱을 다른 영역으로 이동합니다.
저장을 클릭합니다.
블록을 사용하여 고객 계정에 페이지 추가
일부 앱은 고객 계정 머리글에 새 페이지를 추가할 수 있는 블록을 제공합니다. 예를 들어 위시리스트 앱은 고객 계정에 새 위시리스트 페이지를 추가할 수 있는 블록을 제공할 수 있습니다.
체크아웃 및 계정 편집기의 앱 사이드바에서 앱 페이지를 생성할 수 있습니다. 일부 앱 페이지는 직접 연결을 지원하므로, 체크아웃 및 계정 편집기 또는 Shopify 관리자의 메뉴 페이지에서 페이지를 고객 계정 메뉴에 연결할 수 있습니다.
새 페이지를 추가한 후에는 앱 사이드바의 추가됨 탭 또는 체크아웃 및 계정 편집기의 페이지 선택기 메뉴에서 해당 페이지에 액세스할 수 있습니다.
단계:
Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.
구성 섹션에서 사용자 지정하려는 체크아웃 구성 옆의 사용자 지정을 클릭합니다.
앱
섹션에서 페이지를 생성하려는 앱을 찾습니다.
+ 아이콘을 클릭한 다음 페이지 추가 위치 섹션에서 계정을 클릭합니다.
블록 설정에서 앱 설정을 구성합니다.
저장을 클릭합니다.
선택 사항: 고객 계정 메뉴에 고객에게 앱 페이지를 표시하려면 메뉴에 추가를 클릭합니다. 고객 계정 기본 메뉴 대화 상자에서 다음을 수행하십시오.
- 체크아웃 및 계정 편집기에서 자동으로 채워지는 레이블과 링크를 검토합니다. 링크 이름을 변경하려면 레이블 필드를 업데이트합니다**.
- 선택 사항: 고객 계정 기본 메뉴에 추가하려는 다른 메뉴 항목을 추가합니다.
- 저장을 클릭합니다.
앱 구성
앱 설정을 사용자 지정할 수 있습니다. 각 앱에는 사용자 지정할 수 있는 고유한 설정이 있습니다. 앱 설정은 앱을 만든 개발자 또는 파트너가 정의합니다. 자체 개발 팀이 있는 경우 직접 사용자 지정할 설정을 지정할 수 있습니다.
예를 들어, 사용자 지정 배너를 생성할 수 있는 앱을 사용하는 경우 배너 제목, 설명, 상태를 사용자 지정할 수 있습니다.
단계:
Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.
구성 섹션에서 사용자 지정하려는 구성 옆의 편집을 클릭합니다.
구성하려는 앱을 클릭합니다.
앱 설정을 사용자 지정합니다.
저장을 클릭합니다.
앱 동작 제어 관리
앱을 구성할 때 앱의 동작 제어도 관리할 수 있습니다. 이 컨트롤을 통해 다음 동작을 관리할 수 있습니다.
- 앱이 체크아웃을 차단하도록 허용
- 빠른 체크아웃에 앱 포함
- 빠른 체크아웃 및 고객이 계정으로 로그인하는 경우 등 저장된 상태가 표시될 때 앱이 표시되도록 섹션을 자동으로 확장합니다.
구성 중인 앱과 앱이 배치된 체크아웃 섹션에 따라 일부 컨트롤을 사용하지 못할 수 있습니다.
앱이 체크아웃을 차단하도록 허용
고객이 앱 내에서 불완전하거나 유효하지 않은 정보를 제공하는 경우 앱이 체크아웃을 차단하고 주문을 거부하도록 할지 여부를 선택할 수 있습니다.
예를 들어, 고객이 선택해야 하는 확인란을 체크아웃에 추가하는 앱이 있다고 가정해 보겠습니다. 이 앱이 체크아웃을 차단하도록 허용하고 고객이 이 확인란을 선택하지 않으면 주문이 자동으로 거부됩니다.
단계:
Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.
구성 섹션에서 사용자 지정하려는 구성 옆의 편집을 클릭합니다.
구성하려는 앱을 클릭합니다.
오른쪽 사이드바의 체크아웃 동작 섹션에서 앱이 체크아웃을 차단하도록 허용을 선택하십시오.
앱이 체크아웃을 차단하도록 허용을 클릭하십시오.
저장을 클릭합니다.
빠른 체크아웃에 앱 포함
Shop Pay와 같은 빠른 체크아웃에 앱을 포함할지 여부를 선택할 수 있습니다. 또한 빠른 체크아웃에서 축소된 섹션이 자동으로 확장되도록 앱을 설정할 수도 있습니다.
단계:
Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.
구성 섹션에서 사용자 지정하려는 구성 옆의 편집을 클릭합니다.
구성하려는 앱을 클릭합니다.
체크아웃 동작 섹션에서 빠른 체크아웃에 앱 포함을 선택하십시오.
선택 사항: 닫힌 섹션을 확장하려면 앱을 표시하도록 섹션 자동 확장을 선택하십시오.
저장을 클릭합니다.
선택 사항: 스토어에 빠른 체크아웃이 표시되는 방식을 미리 보려면 체크아웃 편집기의 오른쪽 상단에 있는
을(를) 클릭하십시오.
체크아웃 시 구매 후 페이지에 기능 추가
구매 후 앱을 사용하여 고객 설문 조사 또는 상향 판매 제안과 같은 기능을 고객 체크아웃 환경에 추가할 수 있습니다. 이러한 앱은 고객이 결제를 완료한 후 주문 확인 페이지가 표시되기 전에 콘텐츠를 추가합니다.
구매 후 페이지에 기능을 추가하려면 체크아웃 앱을 설치 및 구성한 다음 체크아웃 설정의 구매 후 페이지에서 사용할 해당 앱을 선택해야 합니다.
한 번에 하나의 체크아웃 앱만 사용하여 구매 후 기능을 추가할 수 있습니다. 구매 후 기능이 있는 앱을 두 개 이상 설치한 경우 체크아웃 설정에서 사용할 앱을 선택할 수 있습니다.
구매 후 기능을 추가하기 위한 체크아웃 앱 설치
구매 후 페이지에 기능을 추가하려면 체크아웃 시 구매 후 기능을 지원하는 타사 앱을 사용해야 합니다.
타사 앱에 대한 도움이 필요한 경우 앱 개발자에게 문의해야 합니다.
단계:
- Shopify App Store로 이동하여 비즈니스에 적합한 구매 후 앱을 검색하십시오.
- 앱 추가를 클릭하십시오. Shopify 계정에 로그인되어 있지 않으면 로그인하라는 메시지가 표시됩니다.
- 앱 설치를 클릭합니다.
- Shopify 관리자의 앱 섹션으로 이동한 다음 체크아웃 앱 이름을 탭하십시오.
- 필요한 구성 설정을 입력하십시오.
구매 후 페이지에서 사용할 앱 선택
체크아웃 앱을 설치하고 구성한 후에는 체크아웃 설정의 구매 후 페이지에서 사용할 해당 앱을 선택해야 합니다.
체크아웃 설정에서 사용하려는 앱을 변경할 수도 있습니다.
단계:
Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.
구매 후 페이지 섹션에서 사용하려는 체크아웃 앱을 선택하십시오.
앱 제거
체크아웃에서 앱을 제거할 수 있습니다. Shopify 관리자에서 앱을 완전히 제거하려면 앱을 삭제해야 합니다.
단계:
Shopify 관리자에서 설정 > 체크아웃으로 이동합니다.
구성 섹션에서 사용자 지정하려는 구성 옆의 편집을 클릭합니다.
체크아웃에서 제거하려는 앱을 클릭하십시오.
블록 제거를 클릭하십시오.
저장을 클릭합니다.