How to configure payment options to assist customers with 3D secure v2

Modified on Tue, 15 Mar, 2022 at 11:21 AM

Introduction


With the new implementation of 3D secure V2 required by the Second EU Payment Services Directive (PSD2) there are some errors popping up. Some we can control, but others we cannot and is for PSD2 to resolve.

But we want to create a safeguard for potential errors that guests might get that are not in our control.

This way you wont get a guest getting a payment error and potentially booking elsewhere.  



I will walk you through amending a payment option and creating a new one that guests can click on and will inevitably revert to if faced with an error message due to failing the new 3D secure protocols.



1/ First, please save this image and upload to your media. The image is attached to this guide at the bottom.



2/ You can do this by going into the CMS > Media and then clicking on the green upload arrow highlighted below:


3/ Once you have done this click on the newly uploaded image of the card logos then on the Properties tab. Then create a new tab but keep this one open. We will need the URL of the image later on:



New tab -  Payment options


1/ on the back office (umbraco) navitage to the payment options. This lives within the Online Booking Settings drop down. Click on Debit / Credit Card.



2/  Then click on the Global tab.

We then need to populate the Payment Information box with what shows below:


3/ The fastest way to do this is by clicking on the HTML button as shown below:


4/  Copy and past the below into the HTML box:

<p> </p>

<p><strong>We Accept:</strong> <img src="REPLACE ME WITH YOUR IMAGE URL" alt="" rel="102,18" /></p>

<p><span>Strong Customer Authentication  (SCA), is now required for all transactions payable by debit or credit card. </span></p>

<p><span>This will mean that your payment must go through 3D Secure V2. </span></p>

<p><span>You will need to have this ready as the payment will be sent to be verified by a unique method from your card provider here are some examples.</span></p>

<p>i. Banking app</p>

<p>ii. Text Message</p>

<p>iii. Telephone call</p>

<p>If you do not have 3DSv2 Setup you will need to call the office to process your payment over the phone.  In this scenario please select hold dates.</p>


5/ Before pressing update, you now need to click on the tab you had opened of the media section and get the Image URL and of the card logos. Right lick and copy link address on the URL.


Replace the highlighted message below and no more, with that URL by highlighting and pressing Paste (CTRL + V)



6/ Press Update. Save and publish.


There changes will populate to the payments screen on check out as shown below:


7/ Right click on Payment Options and then click on Create. 


Input the name as Hold Dates. Then Click the grey button "Create"




8/  Make sure the rules tab is set up at follow. The most important thing is the "Available online" turned on:



9/ Once you have done this navigate to the "Global" tab. 

Then click on the HTML button


Copy the text below into the HTML box:


<p> </p>

<p><strong>We will hold your dates for up to 24 hours while waiting for payment.</strong></p>

<p>If you wish to hold the dates, please select this option and one of our team will be in contact shortly to process your payment.</p>

<p><strong>NB if you do not have 3D secure v2 setup, please use this option and we can process your payment over the phone.</strong></p>


Then press Update:


Make sure the set up on the Global tab is as shown below:




10/ Save and publish.


There changes will populate to the checkout page as shown below:




Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article