Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview

The below

Overview

This guide will take you through the steps process of adding a Blink page to a Xero invoice. This will ensure that all customer contact details are pre-populated on the Blink page. Before you begin, ensure that you have connected your Xero and Blink payment platforms.

Adding your Blink page to a Xero invoice

Table of Contents
minLevel1
maxLevel7

Blink

Navigate to the My Blink pages Customiser page in the Customer centre section and choose locate the relevant Blink page you want to link to your Xero . Copy invoices and copy the Xero URL. Click on Edit page to access the Customiser.

image-20240919-094012.pngImage Added

Add Blink to an invoice template.

Sign in to your Xero account on a separate tab, click on your organisation name, select Settings, and then click Payment services.

Expand
titleClick on settings and Payment services

Settings

Payment services

Select Additional payment services - Add other and click on Custom payment URL. A pop-up will show up where you can paste the Xero URL and fill in Blink page details . You can find your Blink page details on the Blink platform.

Expand
titleAdditional payment services - Add Other & custom payment paste Xero URL

Click on Additional payment services - Add other and on Custom payment URL.

Fill in the below pop-up .

Image Removed

Automatically pre-populate fields

To pre-populate the fields on the Blink page make sure the URL descriptors on Blink match the ones on Xero.

Expand
titlePre-populating fields

To pre-populate the fields on your Blink page, navigate on Blink to the Customiser page under the Customer centre section. Click on Modify fields to ensure the URL Descriptor field names match the exact names used in Xero. Choose which items you want to showcase on the Blink page make sure you click on Save changes and update.

In Xero within the Add custom URL connection (click on show details, under Your custom URL for an example) fill in the link of the Blink page and add the required details as per the below instructions:

Info

Any orange text originates from the modify fields section in Blink. The purple text communicates with Xero.

https://secure.blinkpayment.co.uk/blinkpagename?invoiceNo=[INVOICENUMBER]&AmountDue=[AMOUNTDUE]

Xero example

Image Removed

Blink below. Enter the desired name for the payment method, paste the Xero URL link from the customiser, and choose the wording for the button.

Image Added

In the platform's customiser, you can specify the names of fields and whether they are required or read-only in the Modify Field section.

Expand
titleChoose to make fields required and read only.

Image Modified

Once filled in, you can find Blink under your connected payment services. Click on manage themes select Blink under the Credit Card option and click save.

Expand
titleBranding themes

Under connected payment services, you can select Blink to be used for each branding theme and click save.

Add Blink to your invoice.

Once you have added Blink as your standard payment service, it will be automatically applied to invoices using the template.

Fill in your invoice as required, and send it off.

Expand
titleManage Online Payments

Once added, Xero will automatically add a Pay now button on the online invoice. You can then email the invoice to the customer who uses this button to pay you via the payment service. They don’t need to have an Xero login to do this.

Info

In classic invoicing, you can do this from an approved invoice or a repeating invoice template. In new invoicing, do this from a draft or approved template.

Expand
titleInvoice example

Once clicked on Pay now the customer will be linked to the online invoice; clicking once more on Pay now will take them to the relevant Blink Page.

Reporting

Xero

Take a look at this guide to set up Xero reporting Blink - Xero app reporting integration

Blink

Within Blink, you can view the payments within the relevant payment methods under Reporting.

Video tutorial

Integrating your Blink Page with Xero.mp4