1.16. Buy Now Button

Introduction

Buy Now Button integration is relevant for Connecting Party who has limited portfolio of products to sell. It is the easiest way to integrate with Billblend. This way of integration doesn’t require much technical effort. Buy Now Button integration also allows Connecting Party to exclude itself from storing, processing, or transmitting Payer’s cardholder data or other sensitive payment details. Such data is submitted by Payer on Billblend hosted customer details form and payment form in PCI DSS certified environment.

See terms definitions in Glossary.

  1. Payer clicks on Buy Now Button, gets redirected to customer details form provided by Payment Gateway and submits customer data;
Buy Now Button Form
  1. Payers then gets redirected to payment form and submits payment (cardholder) data.
Payment Form
  1. Contextual data is gathered by Billblend to process the transaction, Payer stays on wait form until transaction is finished;
Wait Form
  1. Payer’s browser gets redirected to the Connecting Party website to the resultant page.

Required Parameters for Buy Now Button Integration

Connecting Party provides to Payment Gateway support the following information for each product (item): Amount, Description, Final Redirect URL, Destination (purpose of payment) and Payment tool (payment method).

Payment Gateway provides to Connecting Party the Buy Now Button URLs for each product (item). URLs have the following format:

IntegrationProduction
https://sandbox.billblend.com/checkout/api/v2/pay/ENDPOINTID/ITEMIDhttps://pay.billblend.com/checkout/api/v2/pay/ENDPOINTID/ITEMID

Buy Now Button Form Flow

  skinparam roundcorner 20
 skinparam sequenceArrowThickness 2
 skinparam ParticipantPadding 30
 actor Payer as Customer
 participant "Connecting Party\nwebsite" as Merchant
 participant "Payment Gateway" as g
 autonumber
 Customer -> Merchant: Checkout
 activate Customer
 activate Merchant
 Customer <-- Merchant: Display Buy Now Button
 deactivate Merchant
 Customer -> g: Redirect to Buy Now Button form
 activate g
 g --> Customer: Return customer details form
 deactivate g
 g <- Customer: Submit customer details form
 activate g
 g --> Customer: Return payment form
 deactivate g
 Customer -> g: Submit payment form
 deactivate Customer
 activate g
 g --> g: Process payment
 == Final redirect of customer ==
 g -> Customer: Connecting Party website redirect_url
 activate Customer
 Customer -> Merchant: POST redirect_url\nstatus, orderid
 deactivate Customer
 activate Merchant
 group Get Final Status
 == Receive Connecting Party Callback ==
 Merchant <- g: Сallback with final status
 g <-- Merchant: HTTP 200
 deactivate g
 == Order Status Request ==
 Merchant -> g: api/v2/status
 activate g
 g --> Merchant: Response \nstatus, order-stage
 deactivate g
 end
 Merchant -> Customer: Show result
 deactivate Merchant

(2) Place the Buy Now Button HTML element on checkout page available for the Payer.

(9) To implement final redirect see Final Redirect.

(11,12) To implement order status request see /api/v2/status/. Connecting Party may request order status after receiving transaction ID in either Connecting Party callback or final redirect.

(13) To implement callback with final status handling see Connecting Party Callbacks.

Contact us

By clicking on the button, you agree to the data protection policy

Complete the quiz

By clicking on the button, you agree to the data protection policy