<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="20.13"
ps-width="700px"
ps-height="700px"
>
Pay Now - 700px x 700x
</button>
Close button
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="20.97"
ps-viewClose="hide"
>
Pay Now - No close button
</button>
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="20.97"
ps-viewCheckout="mobile"
ps-viewClose="show"
>
Pay Now - Mobile view
</button>
Resource data
Payer data
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="50.00"
ps-payerName="John Doe Payer"
ps-payerEmail="[email protected]"
ps-payerAddressStreet="123 Alliance Ln"
ps-payerAddressCity="Santa Cruz"
ps-payerAddressState="CA"
ps-payerAddressCountry="USA"
ps-payerAddressPostal="95060"
ps-payerExternalId="payer_external_id"
ps-payerMeta='{"payer": "meta"}'
>
Pay Now - Payer data
</button>
Card data
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="50.00"
ps-cardName="John Doe - Card"
ps-cardExternalId="card_external_id"
ps-cardMeta='{"card": "meta"}'
>
Pay Now - Card data
</button>
Bank data
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="50.00"
ps-bankNameOnAccount="John Doe - Bank"
ps-bankAccountType="checking"
ps-bankAccountHolderType="company"
ps-bankRouting="110000000"
ps-bankAccount="000123456789"
ps-bankAccountRepeat="000123456789"
ps-bankExternalId="bank_external_id"
ps-bankMeta='{"bank": "meta"}'
>
Pay Now - Bank data
</button>
Custom field data
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="50.00"
ps-cf_first_name="First Name Custom Field"
>
Pay Now - Custom field data
</button>
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="20.99"
ps-viewExtIds="card,bank,payer"
>
Pay Now - Show External Id fields
</button>
Show field labels
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="20.21"
ps-viewLabels="show"
>
Pay Now - Show field labels
</button>
Set field placeholders
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="20.22"
ps-viewPlaceholders="show"
ps-setPlaceholder_cardExternalId="Card external id placeholder"
ps-setPlaceholder_cardName="Name on card placeholder"
ps-setPlaceholder_cardNumber="Card number placeholder"
ps-setPlaceholder_cardExpiry="Card expiry placeholder"
ps-setPlaceholder_cardSecurityCode="Card security code placeholder"
ps-setPlaceholder_bankNameOnAccount="Name on account placeholder"
ps-setPlaceholder_bankAccountHolderType="Account holder type placeholder"
ps-setPlaceholder_bankRouting="Routing placeholder"
ps-setPlaceholder_bankAccount="Account placeholder"
ps-setPlaceholder_bankName="Bank name placeholder"
ps-setPlaceholder_bankAccountRepeat="Account repeat placeholder"
ps-setPlaceholder_bankExternalId="External Id placeholder"
ps-setPlaceholder_payerEmail="Payer email placeholder"
ps-setPlaceholder_payerAddressStreet="Street placeholder"
ps-setPlaceholder_payerAddressCity="City placeholder"
ps-setPlaceholder_payerAddressPostal="Postal placeholder"
ps-setPlaceholder_payerAddressState="State placeholder"
ps-setPlaceholder_payerAddressCountry="Country placeholder"
>
Pay Now - Set field placeholders
</button>
Set field labels
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="20.22"
ps-viewLabels="show"
ps-setLabel_cardExternalId="Card external id label"
ps-setLabel_cardName="Name on card label"
ps-setLabel_cardNumber="Card number label"
ps-setLabel_cardExpiry="Card expiry label"
ps-setLabel_cardSecurityCode="Card security code label"
ps-setLabel_bankNameOnAccount="Name on account label"
ps-setLabel_bankAccountHolderType="Account holder type label"
ps-setLabel_bankRouting="Routing label"
ps-setLabel_bankAccount="Account label"
ps-setLabel_bankName="Bank name label"
ps-setLabel_bankAccountRepeat="Account repeat label"
ps-setLabel_bankExternalId="External Id label"
ps-setLabel_payerEmail="Payer email label"
ps-setLabel_payerAddressStreet="Street label"
ps-setLabel_payerAddressCity="City label"
ps-setLabel_payerAddressPostal="Postal label"
ps-setLabel_payerAddressState="State label"
ps-setLabel_payerAddressCountry="Country label"
>
Pay Now - Set field labels
</button>
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-click="onButtonClick('some_data')"
>
Pay Now - Click event
</button>
<script type="text/javascript">
// example function
function onButtonClick(value) {
return {
"paymentAmount": "20.43"
}
}
</script>
Close on receipt
<button
class="ps-button ps-button-style"
ps-checkoutType="checkout_payment"
ps-paymentAmount="20.01"
ps-viewReceipt="close"
>
Pay Now - Close on receipt
</button>