Send rich links preview

To ensure a rich experience for the visitor, the visitor will be able to see at least a preview of a link with at least the image in the thread (trough Open Graph tags or through a fallback)

In order to have the preview in the thread of the conversation panel, agents can for example:

  • type the url by hand (prefix "http" or "https") or copy and paste the url in the input field
NB: a few seconds are needed for the preview to be retrieved, in order to generate the preview of the rich link in the composition area

 

  • type their text + the url juxtaposed to the text in the input field.

In order to be ISO with the mobile, the rich preview of the url will be displayed below the text in the thread

  • if an Open Graph tag is available in your website code, and if the site allows it, in the case of a video, an image extract of the video will be displayed in the rich link card

In the conversation panel (agent side)

Agents will be able to see the preview of the link directly in the composition area, and delete it if needed (for example, in case of errors displayed, too much spelling errors or bad images):
rich-link-previewEN-02.png

When sending, agents also see the preview in their thread:

rich-link-previewEN-02.1.png

In the chatbox (visitor side)

When sending in the thread, 3 preview options are possible. Depending on what the Open Graph tags contain, the visitor will see :

1. Image + title + description + link

rich-link-previewEN-03.png

2. Image + title + link

rich-link-previewEN-04.png

3. Image + description + link

rich-link-previewEN-05.png

NB: in case there are no Open Graph tags available in your website code, a fallback will occur and the visitor will see the preview containing these elements which are rarely absent in your website code:
  • the title of the page
  • the description of the page
  • the favicon of the site as an image (gif / jpeg / png format)

 

This preview feature of a link only works in the agents to visitor direction, for channels chat, call video, and WhatsApp*. It does not work in the visitor or bot to agent direction.

*Not available for other third part messaging channels currently.

⚠️ Agents can send rich links preview in the visitors thread only on desktop (on mobile apps, only agents can see the preview in their threads but not visitors)