Donation form optimisation Glyn Thomas

AGENDA Credit/debit card validation Address validation Error alerts Testing donation prompt amounts

Card validation What is card validation? Checks to see if number entered matches card type chosen Correct number of digits Can alert supporter before they click ‘submit’ / ‘donate now’ button

Card validation Visa cards always start with a 4 American Express cards always start 34 / 35 / 36/ 37

Why bother? Reduced unsuccessful donations by 23% Increased overall completions by 4%

What is card validation? Payment type What is card validation?

BLF Credit card validation Address validation Error alerts Testing donation prompt amounts

jQuery credit card validator Credit card validation Address validation Error alerts Testing donation prompt amounts

Open source Credit card validation Address validation Error alerts Testing donation prompt amounts

How it works Detects card type from the number entered Card number length correct for card type Luhn checksum valid – algorithm to check if number is valid (checks for mistyping by supporter)

How it works

How it works

Pros and cons Open source - free Regularly updated Complex integration/installation – custom Javascript needs writing for your template

Creditcard.js Credit card validation Address validation Error alerts Testing donation prompt amounts

Am Ex

Creditcard.js To use in Engaging Networks: Remove the donation form fields from the page Insert a copy block with code instead Add a line of code to the template header or footer

How to set it up

How to set it up

Simple to implement Not open source – licence fee Pros and cons Simple to implement Not open source – licence fee

What is card validation? Paypal? What is card validation?

Paypal?

http://jquerycreditcardvalidator.com/ https://creditcardjs.com/ Links http://jquerycreditcardvalidator.com/ https://creditcardjs.com/

Address validation Address Line 1 – run the address validation from this instead of postcode For 90% of people, it’s quicker for them to fill in the donation form

Address validation

Address validation

Address validation

PCA predict Paste code in template header Set up address validation automatically https://www.pcapredict.com

Real-time error alerts Clear when no longer apply

Norwegian

Norwegian

Norwegian

Norwegian

BLF Credit card validation Address validation Error alerts Testing donation prompt amounts

Up to 10% increase in completion rate Error alerts Up to 10% increase in completion rate

Error alerts

Error alerts

Testing different suggested donation amounts ShareAction

Donation amounts

Donation amounts £3, £5, £8, £12, £23 – three different donation forms Default £8 Average donations £9.09, £8.04, £8.54

Tried default £12 Average donation £14.13 Donation amounts Tried default £12 Average donation £14.13