위젯 사용 가이드

위젯은 다양한 결제 수단을 한 곳에 모아 쉽게 나열하고, 할인율과 구매자 혜택을 표시하는 결제 UI 입니다. 이 위젯은 주문서 페이지에 삽입할 수 있으며, 가맹점의 브랜드 아이덴티티에 맞춰 커스터마이징이 가능합니다.

관리자 화면에서 제공하는 편집 메뉴는결제수단,카드사 설정,프로모션,ㅇㅇ페이,이용약관으로 메뉴별로기능디자인을 편집 할 수 있습니다.

위젯 편집

widget-edit

프로젝트별로 여러 위젯을 생성하여 상황에 맞게 사용할 수 있습니다. 아직 생성한 위젯이 없다면, 생성해주세요.

widget-info

위젯 생성시,이름은 기억하기 쉬운 명칭으로 지어주세요.

고유키는 위젯을 식별하는 키로, 중복되지 않는 값을 입력해주세요. 소스코드에서 사용됩니다.

템플릿은 부트페이에서 제공하는 디자인 테마에요. 나중에 변경 가능하므로 아무거나 선택하셔도 괜찮아요.

단건 결제/구독 결제

위젯 생성시 단건 결제와 구독 결제 중 선택할 수 있습니다.

단건 결제

여러 PG사의 다양한 결제수단을 통합하여 구매자가 원하는 결제수단을 선택하여 결제 진행이 가능한 위젯입니다. 구매자 혜택과 이벤트를 강조하여 구매 유도를 극대화 할 수 있어요. 구매자가 결제할 때마다 단건 위젯을 사용하게 돼요.

구독 결제

구매자가 원하는 결제수단으로 정기 결제를 진행할 수 있습니다. 카드, 계좌로 결제가 가능하며, 구독 혜택과 이벤트를 강조할 수 있어요. 구매자가 최초 선택한 결제수단으로 정기 결제가 돼요.

라이브/샌드박스

widget-mode

라이브와 샌드박스 모드 2가지를 제공해요. 샌드박스 모드에서 편집 후 라이브 모드로 동기화 하시길 추천해요. 원하는 모드를 클릭하여 편집할 수 있어요.

PC/모바일

선택된 모드는 다시 PC와 모바일로 구분하여 편집할 수 있어요. PC 모드에서 편집 후 모바일로 동기화 하길 추천해요.

결제수단

widget-payment

위젯에 반영할 결제수단을 모두 활성화해주세요. 만약 결제수단 목록이 노출되지 않는다면PG 활성화를 먼저 진행해야 해요.

여러 PG사의 결제수단을 한 곳에 모아 사용하려면, 결제 가중치를 설정하세요. 예를 들어, 카드 결제를 여러 PG사로 분산하려면, 결제 가중치를 통해 비율을 설정할 수 있습니다.

widget-card

우측 상단의디자인탭에서 위젯의 스타일을 지정할 수 있습니다. 적용할 서비스에 어울리는 스타일로 편집 후 상단의현재 진행중인 위젯을 저장할까요?에서저장하기버튼을 클릭해주세요.

카드사 설정

widget-card

사용하지 않을 카드사를 제외하거나 무이자 혜택을 표시할 수 있어요.

특정 카드사에서 리스크 이슈로 결제를 제공하지 않는 경우, 해당 카드사를 제외할 수 있습니다. 또한, 카드사별로 무이자 할부 이벤트를 제공하는데, 가맹점이 이를 직접 적용하거나, 일반적인 정보를 API로 가져와 동기화할 수 있습니다. 그러나, 특정 산업군이나 가맹점에는 무이자 이벤트가 적용되지 않을 수 있으므로 API 동기화보다는 직접 관리하는 것이 더 정확한 정보를 반영할 수 있습니다.

프로모션

widget-card

'결제금액 5% 즉시 할인' 처럼 구매자 혜택을 제공하고 표기할 수 있어요. 프로모션을 진행하기 위해서는 보통 카드사와 제휴하거나 가맹점 자체적으로 프로모션을 진행해야하며, 이를 UI적으로 표시하기 위해 설정합니다.

ㅇㅇ페이

widget-card

ㅇㅇ페이는 가맹점만의 자체 간편 결제를 제공해요. 가맹점의 회원은 카드나 계좌 정보를 미리 등록 후 결제시마다 비밀번호 인증 방식을 통해 쉽게 결제할 수 있어요.

이용약관

widget-card

이용약관을 함께 노출할 수 있어요. 위젯을 통해 바로 카드사 결제창으로 넘어가기 때문에 PG사에서 제공하는 약관을 노출해야 해요. 또한, 가맹점이 직접 이용약관을 제공하는 경우, 함께 노출할 수 있어요.