How do I add a custom message to my checkout page?

Customizing your checkout page incorrectly has the potential to prevent customers from completing checkout. These steps should only be attempted by someone familiar with HTML. Always take the precaution of backing up your template files before proceeding. Please note that although this guide is working at the time of its creation, there is no guarantee that it will work with premium or customized templates.

In this tutorial, we will cover adding a custom message beneath the "Secure Checkout" label at the top of your checkout page. If you wish to place text elsewhere on the page, locate the LNG variable with the name of the area you wish to add text to.

Using Single Page Checkout Follow the following steps if your store is configured to use Single Page checkout.

1. Go to Design › More › Template files.

2. Locate checkout_express.html. Click on the Action wheel to the right and select Edit. You will be taken to the HTML editor to edit that page.

3. Search for the phrase %%LNG_SecureCheckout%%. This is the text that causes your checkout page to display "Secure Checkout" at the top.

4. In the line below, enter your desired text or image.

5. Save your changes. When you go to the checkout page on your store, you should see your new text.

Using Multi-page checkout Follow the following steps if your store is configured to use Multiple page checkout.

1. Go to Design › More › Template files.

2. Locate checkout.html. Click on the Action wheel to the right and select Edit. You will be taken to the HTML editor to edit that page.

3. Search for the phrase %%LNG_SecureCheckout%%. This is the text that causes your checkout page to display "Secure Checkout" at the top.

4. In the line below, enter your desired text or image.

5. Save your changes. When you go to the checkout page on your store, you should see your new text.