> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://checkoutplus.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Tutorial: How to Add Links to Your Shopify Checkout

### Learn how to create and insert clickable links in your messages

Adding clickable links to your messages can enhance your communication by providing direct access to relevant websites, documents, or resources. Whether you're sharing information with customers, colleagues, or friends, including hyperlinks makes it easy for recipients to access additional content with a simple click. This guide will walk you through the steps to create and insert clickable links into your messages seamlessly.


![Example](https://storage.crisp.chat/users/helpdesk/website/89fb1b4d9270d800/screenshot-2024-08-02-at-85137_yf5bbb.png)


---

|| This tutorial requires you to have knowledge of How to add Checkout Plus extensions in Shopify's Checkout Editor

### Steps

###### Step 1

Add the **Custom Banner ** in your checkout in the editor

![Custom Banner Extension in Editor](https://storage.crisp.chat/users/helpdesk/website/89fb1b4d9270d800/screenshot-2024-08-02-at-91332_jf2ym7.png)


---


###### Step 2

In the **Banner Message** you will need to use this format:

**{{ link_title:TITLE | link_to: URL }}**

Replace the 'TITLE' with what you want to be displayed and the 'URL' with where the hyperlink is to link to.

|| Note: Be sure to include 'https://' to the URL.

**Example:**


![](https://storage.crisp.chat/users/helpdesk/website/89fb1b4d9270d800/screenshot-2024-07-20-at-42718_1d2px86.png)

---


### Here is a video example as well If you prefer video tutorials


${youtube}[How to add Links Youtube Video](8XBniFaTzvY)

Interested in Checkout Plus? [Try it for free now](https://apps.shopify.com/checkoutplus)