close
    Docs / Guides / Checkout
    Contents

    Checkout

    PLEASE NOTE: Checkout will no longer be brandable after February 28, 2025.

    To comply with the PPCI DSS v4.0 the brandable functionality of Worldline’s hosted Checkout form will no longer be available after February 28, 2025. Please review the upcoming changes:
    • Custom headers and footers will no longer be supported.
    • We will implement a neutral colourway to seamlessly fit any checkout.
    • For a fully brandable checkout solution, please use Worldline’s Custom Checkout.


    Checkout allows you to accept payments online with just one link. It is a hosted payment form that supports payment cards and Visa Secure Remote Commerce (SRC). You can link to Checkout from your website or from an email, allowing it to slot into either a shopping cart flow or an invoicing flow. This guide will show you how to create a form and a link before sending it out to clients, customers, and donors

    This guide will show you how to create a form and a link before sending it out to clients, customers, and donors.

    Example

    A common use of Checkout would involve hosting a link or a button on your own website that would then redirect the user to the Checkout product hosted on Worldline’s services.

    Try it out! Click the "Pay" button below. You can use using the test card number 4030 0000 1000 1234, with a security code 123 and any expiry date in the future. Checkout will open in a new tab.

    Pay $10

    See a demo of a complete payment flow using Checkout, and view the source.

    Custom Checkout vs Checkout

    Checkout is an alternative to building your own payment form with Custom Checkout.

    • Both solutions are PCI SAQ A compliant.
    • Checkout is a payment form - it takes payments. Custom Checkout is a tokenizaton library - it returns a token that you can pass to the Payment API to take a payment.
    • Checkout involves redirecting the user to a payment form on bambora.com. Custom Checkout embeds Worldline hosted input fields in your webpage.
    • Checkout is not brandable. Custom Checkout allows you to build a fully customized payment form - you retain as much control over UI/UX as you do with native DOM elements.

    Migration

    Checkout enhances our legacy Hosted Payment Form. Accounts opened after 1 August 2017 come with Checkout. If your account predates this, you will need to enable Checkout styling on your account.

    You can enable Checkout styling on your legacy Hosted Payment Form in the Member Area. Click on configuration, and select payment form. Simply copy and paste these two blocks of code into the corresponding text fields.

    Page Header

    <!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Checkout</title>
    <link rel="stylesheet" type="text/css" href="https://libs.na.bambora.com/checkouttheme/0.1.0/ui.bambora/ui.bambora.1.1.0.css">
    <link rel="stylesheet" type="text/css" href="https://libs.na.bambora.com/checkouttheme/0.1.0/style.css">
  </head>
  <body>
    <script src="https://libs.na.bambora.com/checkouttheme/0.1.0/checkouttheme.min.js"></script>
    <script>CheckoutTheme.init();</script>

    Page Footer

      </body>
</html>

    Browser support

    These are the browsers we actively test.

    Desktop

    • Chrome latest
    • Firefox latest
    • Internet Explorer 10+
    • Microsoft Edge
    • Safari 8+

    iOS

    • Safari 8+
    • Chrome 48+ (iOS 9+)

    Android

    • Native browser 4.4+
    • Chrome
    • Firefox

    Test account

    Try it out on a test account.