결제 위젯 적용하기
홈페이지에 단독 결제 버튼을 배치해 방문자가 원하는 상품·서비스를 바로 결제할 수 있도록 하는 위젯입니다. 후원·참가비·이용권 등 예약이나 입력폼과 무관한 "즉시 결제"가 필요한 상황에 사용합니다.
1. 결제 위젯이란?
결제 위젯은 "이 상품을 결제하기"라는 단일 결제 버튼입니다. 방문자가 버튼을 누르면 KCP 결제창(레이어 팝업)이 열려 결제를 진행합니다.
활용 예시
- 후원금·기부금 납부 버튼
- 이벤트 참가비 결제
- 프리미엄 회원권·이용권 구매
- 교육·클래스 신청비 결제
2. 시작하기 전 준비
결제 위젯을 배치하려면 아래 두 가지를 어드민에서 미리 준비해야 합니다.
| 준비 | 확인 위치 | 내용 |
|---|---|---|
| PG 신청 완료 | 운영 설정 > 부가서비스 > PG 신청 | KCP 연동 완료 상 태 |
| 결제 상품 1개 이상 | 접수 관리 > 결제 상품 | 상품명과 가격 등록 |
3. 결제 상품 등록
결제 위젯의 버튼 텍스트와 결제 금액은 어드민에 등록한 결제 상품 정보를 기반으로 만들어집니다.
등록 순서
- 어드민 접수 관리 > 결제 상품을 선택합니다.
- 상품 등록 버튼을 누릅니다.
- 상품명과 가격을 입력합니다.
- 저장을 누르면 상품 목록에 등록됩니다.
입력 규칙
| 항목 | 규칙 |
|---|---|
| 상품명 | 1~50자, 빈 값 불가 |
| 가격 | 1원~10,000,000원 범위의 정수 |
| 중복 | 동일 상품명 중복 등록 허용 (가격 다를 수 있음) |
4. AI 에디터에서 배치
- AI 에디터로 이동합니다.
- 채팅창에 "결제 버튼 추가해줘"와 같이 입력합니다.
- 배치할 상품과 삽입 위치를 지정합니다.
- 선택 섹션 바로 다음에 결제 버튼 섹션이 생성됩니다.
- 저장 후 발행하면 사이트에 반영됩니다.
상품 선택 카드 보는 법
| 표시 항목 | 설명 |
|---|---|
| 상품명 | 어드민에 등록한 이름 |
| 가격 | 원 단위 |
| 등록 순서 | 어드민 등록 순으로 정렬 |
배치 후 버튼은 "{상품명} — {가격}원 결제하기" 형태로 자동 표시됩니다.
5. 결제 상품 관리 시 주의사항
가격·상품명 수정
등록한 상품의 상품명·가격은 언제든 수정할 수 있습니다. 수정 내용은 방문자 결제 시점에 즉시 반영됩니다.
상품 삭제
결제 상품 목록에서 삭제 버튼을 누르면 해당 상품이 제거됩니다. 단, 이미 사이트에 배치된 결제 버튼은 다음 발행 전까지 화면에 남아 있을 수 있습니다.
6. 결제 가능 수단
지원되는 결제 수단은 다음과 같습니다.
- 신용/체크카드
- 계좌이체
7. 결제 내역 확인
결제 위젯을 통해 발생한 결제는 접수 관리 > 결제 내역에서 예약·입력폼 결제와 통합되어 조회됩니다. 결제 항목에 해당 상품명이 그대로 표시되어 어떤 상품이 결제되었는지 쉽게 확인할 수 있습니다.
8. 자주 묻는 질문
상품을 등록했는데 AI 에디터에서 보이지 않아요.
PG 신청이 완료된 상태인지 먼저 확인해 주세요. PG 상태는 어드민 대시보드의 "PG 결제연동 상태" 카드 또는 결제 내역 메뉴에서 확인할 수 있습니다.
가격이 다른 여러 상품을 동시에 노출할 수 있나요?
네, 여러 결제 버튼을 한 페이지에 각각 배치할 수 있습니다. 예를 들어 "10,000원 후원", "30,000원 후원", "50,000원 후원" 세 버튼을 나란히 두고 방문자가 선택하게 구성할 수 있습니다.
상품 가격을 빌더에서 바로 바꿀 수 있나요?
가격 변경은 반드시 어드민 결제 상품에서만 가능합니다. 빌더 HTML에서 가격 숫자를 수정해도 실제 결제 금액에는 영향을 주지 않으며, 보안상 결제는 항상 어드민에 등록된 상품 가격으로 진행됩니다.
회원이 아닌 방문자도 결제할 수 있나요?
결제 위젯 자체는 비회원도 이용할 수 있습니다. 다만 결제 후 마이페이지에서 내역 조회나 취소 요청을 하려면 회원으로 가입·로그인이 필요합니다.