Standalone Payments

A standalone payment is a one-time payment for a specific amount. Standalone payments are not part of a Payment Request or a recurring payment plan.

How do payments with Flywire work in general?

A payment with Flywire contains multiple steps:

You ask your customer to pay for something. You can do this by sending them a link to Flywire's Checkout Experience or by embedding the Checkout Experience into your website.
Your customer accesses the Checkout Experience and fills out the details to make the payment.

What is the Checkout Experience?

The Checkout Experience is the pop-up form that your customer accesses to make a payment. No matter how you ask your customer to pay - for example by sending them a link or by embedding the form on your website - they will always end up at the Checkout Experience to make their payment.
This creates a payment in the Flywire system.
Definition of a payment within the Flywire system
In everyday usage, a "payment" usually refers to the entire process of making a payment through Flywire. But the term "payment" has a specific meaning in Flywire:
1. A payment is considered created when a payment reference is assigned to it, not any earlier stage in the process.
  What is the payment reference?
  
  The payment reference is an ID generated by Flywire to identify a payment.
  
  Format:
  
  Either: ABC123456789
  
  3-letter portal/recipient ID 9 numbers
  
  Or: 1AB12CD452ABC1D
  
  number 8 alphanums number 5-alphanum portal/recipient ID
  
  With the payment reference, the payment can be tracked through the different stages of the payment process.
  
  The payment reference is also important in other situations, for example:
  
  When a payer is using bank transfer as payment method, they usually must provide the payment reference when sending the funds.
  
  The payment reference helps Flywire to identify the payment if you or your payer needs support.
2. When the payment reference is assigned, two things happen:
  - The FX rate is locked in for FX payments (FX = "foreign exchange", a payment where one currency has to be converted to a different currency).
  - The payment starts its journey in status initiated, and its progress traceable via the payment reference. If you are using Flywire Dashboard, you can view the payment on your dashboard.
Flywire processes the payment for you and disburses the funds into your account.

Ways to create a Standalone Payment

If you are using

Checkout : Checkout for Standalone Payments

If you are using

Elements: Checkout Sessions for One Off Payments

Alternative ways to create a single (but not standalone) payment

You can also create a Payment Request for a single payment, but note that these are not standalone payments (since they are part of a Payment Request).

Tracking Standalone Payments

After the payment is created, you can track the payment’s progress in two ways:

via callbacks that enable you to receive payment status notifications
via Client Dashboard

Checkout

The Checkout implementation allows you to embed the Checkout Experience into your own website.

With Checkout, your payers never leave your website:

With the click of a button on your website the Checkout Experience form opens for the payer.
In the form, the payer can choose their preferred payment method and complete the payment.
After the payment is completed and the form is closed, the payer either is returned to the original page or is redirected to a page you specified.

You can use Checkout for the following payment types:

Grand Horizons Travel Website

Luxury Trip Package

Experience the ultimate luxury getaway with our exclusive travel package. Enjoy a 7-day stay at a five-star resort, gourmet dining, private tours, and much more.

Price: 5.000,00 €

Pay with the button below.

How to embed the Checkout Experience via Checkout

This simplified html example shows you how to implement the Checkout Experience in your website:

Script

Add the script that opens the Checkout Experience to your page.

The script source is

https://checkout.flywire.com/flywire-payment.js

Button

Add a button (or other element or event) to trigger the Checkout Experience form.

Event Handler

Add an event handler that defines what happens after the button is clicked.

Configuration

Set your portal specific payment configuration options. See List of Configuration Parameters for all parameters.

Render

Render the Checkout Experience form with the specified configuration.

<!DOCTYPE html>
<html>
  <head>
    <!-- Include the flywire.js script -->
    <script src="https://checkout.flywire.com/flywire-payment.js"></script>
  </head>
  <body>
    <!-- Add a button element -->
    <button onclick="pay()">
      Make Payment
    </button>

    <script>
      // Add an event handler
      function pay() {
        var config = {
          // See sample configuration options
        };

        var modal = window.FlywirePayment.initiate(config);
        modal.render();
      }
    </script>
  </body>
</html>

Pay-By-Link

Pay-By-Link is the lightest and easiest integration. You simply generate a link for your payer that you can implement into emails and other places. After clicking the link, your payer will be directed to the Checkout Experience outside of your website and all fields you provided values for via the link (for example payer's name or the payment amount) are already pre-filled.

Learn how to create links

From: [email protected]

To: Troy Traveler <[email protected]>

Subject: Your dream vacation

Grand Horizons Travel Experiences

Dear Troy Traveler,

We are excited to offer you an exclusive luxury travel package that promises an unforgettable experience. Enjoy a 7-day stay at a five-star resort, gourmet dining, private tours, and much more.

To secure your spot, please make a payment using the button below.

Sincerely,
The Grand Horizons Travel Team

Flywire Elements

Flywire Elements is an integration that provides access to a library of elements. These elements combine UI components (like input fields or dropdowns) with functionality (like charging a payment). You display them on your website to provide payment functionality.

This integration requires Flywire API credentials and the ability to make API requests for creating and confirming Checkout Sessions.

Smart Rendering

Smart Rendering means you render Flywire Elements on your website with the help of the Flywire SDK script.

Extensive customization

Select which payer fields to display, choose the language, and customize the appearance, such as fonts and colors.

Responsive layout

Optimized responsive layout for desktop and mobile devices.

Easy event handling

Simply define what should happen in case of success or errors - no need to filter individual postMessages.

As a fallback option, you can render Flywire Elements in an iframe on your website. The iframe sources a URL that is generated via the Flywire API.

Which Elements are available?

How do I implement Elements?

Implementing the Payment Element

Your Website

How would you like to pay?

Card

Just save new card

Save new card and make first payment

Use existing card

Direct Debit

SEPA

BACS

EFT Canada

ACH