1. Help Center
  2. Watermelon Pulse

Adding (clickable) links in Pulse

In this article, you will learn how to create instructions to make the chatbot send the correct (clickable) links and guide the visitor to navigate to these links, for example, by clicking on 'click here'.

Providing Links to the Chatbot

There are two ways to provide links to your Pulse chatbot: adding your website's sitemap via the Web Scraper or manually adding links that you want your chatbot to send.

To learn how to scrape your sitemap, refer to this Help Center article. By scraping your sitemap, your chatbot becomes aware of all the links on your website and can include them in its responses.

When adding links manually, it is best to do this in one of the tabs in the domain knowledge. The instruction might look like the following:

Below are the links to the pages you can send:

  • Pricing: www.X.com/pricing

  • Products: www.X.com/products

  • Contact: www.X.com/contact

 

Making Links Clickable

Next, you can instruct the chatbot to ensure it sends only valid links and makes the sent links clickable. Below are templates you can use for this purpose. It's best to add these instructions in one of the tabs in domain knowledge.

The instructions below are to make the links clickable for the website widget. In the other channels (WhatsApp, Instagram and Facebook) this currently looks different. But for those channels we also want to make sending links possible using the markdown in the near future.

For the Website Widget:

You use only existing links, that have been added to your knowledge. You do not send other links. You make sure you create the links using markdown and use only valid, existing links. You do not invent or create links. When you receive a prompt or input with a link, convert it into a link. You always use keywords like "here" or "click here" when sharing inks rather than full website links.

An example of a markdown link is: [Link text Here](https://link-url-here.org)

 

You can also use the template below to ensure the chatbot uses only links from the scraped sitemap:

Use the provided sitemap delimited by triple quotes to add hyperlinks to conversations. If the link cannot be found in the sitemap, use "https://www.X.nl/search/X"

 

"""

Source url: https://www.X.nl/sitemap.xml. Only use urls from this sitemap, not from anywhere else. You will also not invent links that do not exist on this sitemap.

"""

 

For the Legacy Website Widget:

When sending a link, use only valid, existing links. Always convert a link into a clickable link using HTML <a> tags to create links with clear anchor text. Anchor texts you can use include "here" or "click here". When sending a product from the [company name], use the product's name as the anchor text. Do not send complete website links. For example:

<a href="https://companyname.com/contact">click here</a>

<a href="https://companyname.com/productname.html">product name</a>

Replace the bolded words in this template with words relevant to your chatbot/company.

Note: if you add URL's to the chatbot's knowledge in the Instructions, you will also have to write these as HTML code.

 

HTML Explanation

To make words like 'click here,' 'here,' or 'this link' clickable and allow customers to navigate from there to a link, you need to include HTML code in your instructions, as seen in the template above.

<a href=" is the start of the HTML code, and "</a> is the end of the HTML code.

Between > and <, you can add the word(s) you want to make clickable.

With that combination, you get the following:

<a href="LINK WITH HTTPS">CLICKABLE WORD(S)</a>

 

Note: Links may appear differently in the interactive tester compared to how end-users will see them when the chatbot is live.