Versions Compared

Key

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

Overview

The below guide will take you through the steps of adding a Blink page to a Xero invoice.

Adding your Blink page to a Xero invoice

Table of Contents
minLevel1
maxLevel7

Blink

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

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 fill in Blink page details. You can find your Blink page details on the Blink platform.

Expand
titleAdditional payment services - Add Other & custom payment URL

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

Fill in the below pop-up.

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

Blink

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 Step-by-step Blink - Xero App Reporting Integrationapp 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