Deprecated
이 문서는 더 이상 관리되지 않습니다.
를 이용해주세요.
이 문서는 워드프레스 웹사이트에서 온라인 상점 플랫폼 없이 아임포트 결제버튼 생성 플러그인을 사용하여 쉽고 빠르게 결제시스템을 연동하는 방법을 설명합니다.
플러그인 설치 및 구성하기
아임포트 결제버튼 생성 플러그인을 워드프레스 사이트에 설치하고 가맹점 정보를 입력합니다.
STEP1: 설치 및 활성화하기
먼저 워드프레스 관리자 페이지의 플러그인 > 플러그인 추가하기 메뉴를 클릭합니다. 플러그인 추가 페이지의 상단 플러그인 검색창에 아임포트를 검색하여 결과 목록에 있는 아임포트 결제버튼 생성 플러그인의 지금 설치하기 버튼을 눌러 설치를 진행합니다.
설치가 완료되면 나타나는 활성화 버튼을 눌러 플러그인을 활성화합니다.
STEP2: 가맹점 정보 입력하기
워드프레스 관리자 페이지의 아임포트 결제목록 > 아임포트 결제설정 페이지로 이동합니다. 아임포트 결제정보 설정 섹션에 아임포트 관리자 콘솔에서 확인한 가맹점 정보를 입력합니다. 변경 사항 저장 버튼을 눌러 설정 내용을 저장합니다.
결제버튼 및 결제창 만들기
워드프레스 페이지에 간단한 아임포트 결제버튼 숏코드(shortcode)를 삽입하여 결제창을 호출하는 버튼을 생성할 수 있습니다.
1. 결제버튼 숏코드 추가하기
아임포트 결제 버튼 숏코드를 다음과 같이 추가합니다. 버튼 레이블은 시작과 종료 숏코드 사이에 입력합니다.
Copy [iamport_payment_button]결제하기[/iamport_payment_button]
2. 숏코드 속성 추가하기
다음과 같이 iamport_payment_button
숏코드에 속성을 추가하여 결제창에 나타나는 항목을 설정할 수 있습니다
Copy [iamport_payment_button title="결제하기" description="아래의 정보를 입력해주세요." name="에스페란토 서울 2018 세미나" amount="10000" pay_method_list="kakaopay,samsung,card, trans,vbank,phone" field_list="name,email,phone"]참가비 결제하기[/iamport_payment_button]
결제 전 설문조사 필드 추가하기
결제 단계 전에 사용자에게서 정보를 입력받을 수 있는 설문조사 필드를 추가할 수 있습니다.
1. 설문조사 필드 숏코드 추가하기
결제버튼 숏코드(iamport_payment_button
) 사이에 설문조사 필드(iamport_payment_button_field
) 숏코드를 다음과 같이 삽입합니다.
Copy [iamport_payment_button]참가비 결제하기[iamport_payment_button_field]소속[/iamport_payment_button_field][iamport_payment_button_field]에스페란토 수준[/iamport_payment_button_field][iamport_payment_button_field]뒷풀이 참석 여부[/iamport_payment_button_field][iamport_payment_button_field]행사를 알게 된 경로[/iamport_payment_button_field][/iamport_payment_button]
2. 숏코드 속성 추가하기
다음과 같이 iamport_payment_button_field 숏코드에 속성을 추가하여 설문조사 항목들을 설정할 수 있습니다.
Copy [iamport_payment_button]참가비 결제하기[iamport_payment_button_field type="text"]소속[/iamport_payment_button_field][iamport_payment_button_field type="radio" options="상, 중, 하"]에스페란토 수준[/iamport_payment_button_field][iamport_payment_button_field type="select" options="참석, 불참"]뒷풀이 참석 여부[/iamport_payment_button_field][iamport_payment_button_field type="check" options="지인의 소개,페이스북,홈페이지"]행사를 알게된 경로[/iamport_payment_button_field][/iamport_payment_button]
사용 예제
a. 결제버튼 + 결제창
결제버튼과 결제창을 구성하는 숏코드의 예제입니다.
Copy [iamport_payment_button title="결제하기" description="아래의 정보를 입력해주세요." name="에스페란토 서울 2018 세미나" amount="10000" pay_method_list="kakaopay,samsung,card,trans,vbank,phone" field_list="name,email,phone"]참가비 결제하기[/iamport_payment_button]
b. 결제버튼 + 설문기능 + 결제창
결제버튼, 설문조사, 결제창을 구성하는 숏코드의 예제입니다.
Copy [iamport_payment_button title="결제하기" description="아래의 정보를 입력해주세요." name="에스페란토 서울 2018 세미나" amount="10000" pay_method_list="kakaopay,samsung,card,trans,vbank,phone" field_list="name,email,phone"]참가비 결제하기[iamport_payment_button_field type="text"]소속[/iamport_payment_button_field][iamport_payment_button_field type="radio" options="상, 중, 하"]에스페란토 수준[/iamport_payment_button_field][iamport_payment_button_field type="select" options="참석, 불참"]뒷풀이 참석 여부[/iamport_payment_button_field][iamport_payment_button_field type="check" options="지인의 소개,페이스북,홈페이지"]행사를 알게된 경로[/iamport_payment_button_field][/iamport_payment_button]