Skip to main content
How to add Legl Pay to your invoices and website

A step by step guide that outlines how to enable Legl Pay for your website and invoices so your clients can seamlessly pay you online.

Tess avatar
Written by Tess
Updated over 3 months ago

We provide law firms with a simple online checkout through which their clients can pay their legal bills securely, by credit and debit card.

It is generally a better experience for the clients when firms have a web page on their own website which provides their clients with some instructions, before linking to the Legl checkout (it builds trust and controls how the clients access our payment portal).

To add Pay by Legl to your website we would recommend the following:

1. Add a “Make a Payment” button somewhere prominent in your top navigation

2. Create a website page on your domain that contains the following information

Make a payment

You can pay online by credit or debit card using your matter reference number found on your invoice or statement. Please ensure that you pay the correct amount.

We use the services of Legl to process your payment securely. Payments are processed using the highest security standards to encrypt your details and keep your personal data safe.

When you click ‘Pay Online’ you will be redirected to Legl’s payments portal where your payment will be taken. You will receive immediate email confirmation following a successful payment.

You can find Legl’s Terms of Use here [LINK https://www.legl.com/terms-of-use] and Privacy Policy here [LINK https://www.legl.com/privacy-policy].

If you have any questions, please contact us - [LINK to your support email address]

You are free to also add additional copy here explaining when the client should contact you directly to make the payment or use an alternative payment method.

3. On the landing page we recommend you add an embedded payment button

With Legl you can embed the checkout into your website. We control the button and the overlay checkout on our end.

Adding Pay by Legl to your website

Code to add this button (contact Legl to obtain the exact parameter to add in place of the 'firmname' placeholders below).

(function(w,d,slug){

d.__proto__.cE = d.__proto__.createElement;

d.__proto__.qS = d.__proto__.querySelector;

var s = d.cE('script');

var l = d.cE("link");

var b = d.qS('body');

var url = 'https://firmname.legl.com/pay/';

l.setAttribute('type', 'text/css');

l.setAttribute('href', url+'embedded.css');

l.setAttribute('rel', 'stylesheet');

b.insertBefore(l, b.firstChild);

s.src = url + 'embedded.js';

s.setAttribute("defer","");

s.setAttribute("type","text/javascript");

s.setAttribute("data-legl-domain",url);

s.setAttribute('crossorigin',true);

b.insertAdjacentElement('afterend',s);

})(window, document,'firmname');

--

To use your own button formatting - simply use the following ID in addition to the javascript above.

id='legl-pay-button-firmname’

The code snippet supplied must not be modified. The CSS can be overridden on your end, get in touch if you have any queries while trying this.

Adding Pay by Legl to your invoices

We recommend adding the below snippet to your invoice templates or templated email used to send invoices to your clients. Giving clients an easy way to pay their bill online will significantly increase cashflow and offer a frictionless client experience.

Pay online

You can now pay your invoice online by visiting firmname.legl.com/pay.

We use the services of Legl to process your payment securely. Payments are processed using the highest security standards to encrypt your details and keep your personal data safe. You will receive an immediate email confirmation following a successful payment.


If you have any questions about the above, please contact us directly at [email protected] and we will be in touch to help.

Did this answer your question?