Skip to main content

How to add Legl Pay to invoices and your website

Learn how to add Legl Pay to your website and invoices so clients can securely pay online.

Written by Tess Brown
Updated over a week ago

Overview

Adding Legl Pay to your website and invoices allows clients to pay their legal bills online using credit or debit card. This improves cash flow and provides a secure, seamless payment experience.

You can add Legl Pay to:

  • Your firm’s website (via a payment page and embedded button)

  • Your invoice templates or invoice emails


Before you start

  • Ensure Legl Pay is enabled for your firm.

  • Have your unique Legl Pay domain (e.g. firmname.legl.com/pay).

  • Contact Legl ([email protected]) if you need your embedded checkout parameters.


How to add Legl Pay to your website

Step 1: Add a “Make a Payment” button to your website

Add a “Make a Payment” button in a prominent location, such as your main navigation bar.


Step 2: Create a dedicated payment page on your website

Create a page on your domain (for example: Make a Payment) that includes 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: https://www.legl.com/terms-of-use
You can find Legl’s Privacy Policy here: https://www.legl.com/privacy-policy

If you have any questions, please contact us at [your support email address]."

ℹ️ Note

You may also add additional wording explaining when clients should contact you directly or use an alternative payment method.


Step 3: Embed the Legl payment button

Legl provides an embedded checkout that can be added to your website.

Contact the support team ([email protected]) to obtain your exact firm parameter to replace the firmname placeholder below.

Add the following code to your website:

(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');

If you would like to use your own button styling, use the following ID in addition to the JavaScript above:

id='legl-pay-button-firmname'

ℹ️ Important:

  • The code snippet supplied must not be modified.

  • The CSS can be overridden by your web developer.

  • Contact [email protected] if you need assistance.


How to add Legl Pay to your invoices

We recommend adding a payment section to your invoice templates or invoice email.

Include the following wording:

"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."

This provides clients with a clear and immediate way to settle their invoice online.


What happens next

Once added:

  • Clients can pay securely via your website or invoice link.

  • Payments are processed through Legl’s secure checkout.

  • Clients receive immediate email confirmation.

  • Payments will appear in your Legl dashboard for reporting and reconciliation.


Important information

Important:

  • Do not modify the embedded JavaScript snippet provided by Legl.

  • Always use your correct firm domain when linking to the payment portal.

  • Ensure your website copy clearly explains that clients will be redirected to Legl to complete payment.

If you have any questions about setup, contact [email protected].

Did this answer your question?