플러그인 > 플러그인 추가하기
메뉴로 진입합니다. 그 다음 상단 플러그인 검색창에 아임포트
를 검색합니다. 그 다음, 검색 결과 목록에 있는 아임포트 결제버튼 생성 플러그인
의 지금 설치하기
버튼을 눌러 설치를 진행합니다.활성화
버튼이 나타납니다. 해당 버튼을 클릭하여 플러그인을 활성화합니다.아임포트 결제목록 > 아임포트 설정
페이지에 접근하여 가맹점 식별코드
, REST API 키
, REST API secret
입력란에 아임포트 관리자페이지에서 확인한 값을 입력합니다. 입력 후, 하단의 저장하기
버튼을 클릭하여 설정 내용을 저장합니다.가맹점 정보 확인하기
숏코드(shortcode)란?
[gallery]
와 같은 숏코드를 페이지 편집란에 작성하면 실제 페이지에서는 사진 갤러리가 나타나도록 할 수 있습니다. 아임포트 결제버튼 생성 플러그인이 제공하는 숏코드를 사용하여, 클릭시 결제를 진행할 수 있는 버튼을 삽입할 수 있습니다.
[iamport_payment_button]결제하기[/iamport_payment_button]
iamport_payment_button
숏코드에 속성을 추가하여 결제창에 나타나는 항목을 원하는대로 설정할 수 있습니다 [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]
iamport_payment_button 속성
title
: 결제창의 제목.description
: 결제창의 소제목.pay_method_list
: 사용자가 선택할 수 있는 결제 수단.
field_list
: 결제창에서 사용자가 입력해야할 정보.
name
: 결제의 주문명.amount
: 결제에 청구하는 금액.
amount="10000"
로 지정하여 고정된 금액을 청구할 수 있습니다.amount="10000,15000,20000"
로 지정하여 고객이 세가지 금액(10000, 15000, 20000) 중 한가지를 선택하여 결제할 수 있습니다.amount="variable"
로 지정하여 고객이 입력하는 금액으로 결제할 수 있습니다.style
: 숏코드가 생성하는 버튼에 적용하는 HTML style 속성.
class
: 숏코드가 생성하는 버튼에 적용하는 CSS class 속성.
redirect_after
: 결제완료 후 이동할 웹페이지 주소.iamport_payment_button
) 사이에 iamport_payment_button_field
숏코드를 삽입합니다. [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]
iamport_payment_button_field
숏코드에 속성을 추가하여 설문에 나타나는 항목을 임의로 변경할 수 있습니다. [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]
iamport_payment_button 속성
type
: 입력란의 종류를 설정.
options
: 입력란의 옵션을 설정.
required
: 필수 입력란 여부를 설정.
placeholder
: text type의 필드에 기본값(placeholder)을 지정.
datafor
: 특정 필드의 값을 결제 단계에 필요한 값에 자동으로 입력되도록 지정.
[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]
[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]