HTML Supported Service Description

Learn how to format your service description to display on your booking tools

Ruta Vareikaite avatar
Written by Ruta Vareikaite
Updated over a week ago

Please note: the service description is only displayed on the booking page (microsite) and enterprise bookings tools (created by our account management team for Enterprise clients).
​
❗️ Standard booking tools don't display descriptions just yet, but these will be available on our brand new booking tools that we are currently working on.


How to set up your service description πŸ› οΈ

Your service description is added via the service settings:

  1. Go to the Setup tab -> Manage services;

  2. For a new service, click to add a new service or simply click on the pencil icon on an existing service;

  3. Basic details -> Description.


Basic service description 🍏

You can add any wording to your service description field. This will pull through to your booking page as a tooltip when hovered over the 'i' icon.

Please note, no further formatting or separating into paragraphs is supported with the basic service description wording. The description will appear as a block of text irregardless of how it's set up in the description field.


HTML service description πŸ†

In order to further adjust how your service description is displayed, you can use HTML tags within the description field.

If you wish to separate the description in paragraphs or highlight certain words, you can inject some HTML tags into the description. For example, to display your service description like this:

you will need to use this HTML code:

<p>Your first paragraph could be standard.</p>

<p><i>But your second paragraph could be in italic font </i><b>or even have certain parts highlighted.</b></p>


How to insert a link to the service description πŸ”—

We wouldn't suggest inserting any links to the service description that's visible on the booking page as users will not be able to click on it.

For any businesses that utilise our Enterprise booking tools, the links can be inserted as below:

<p>Your first paragraph could be standard.</p>

<p><i>But your second paragraph could be in italic font </i><b>or even have certain parts highlighted.</b></p>

<p>You can also insert a link to your website - <a href="[your website link]"> click here.</a></p>

The description on your booking widget will then show like this:

Recommendation for booking tools in embed mode

Whenever there is a link added to the service description on your Enterprise bookings tools, which are embedded on your website, we suggest inserting target="_blank" tag to open this link in a new tab or target="_parent" to open in a parent window (rather than in the same iframe).

Thus, the above description code would look like this:

<p>Your first paragraph could be standard.</p>

<p><i>But your second paragraph could be in italic font </i><b>or even have certain parts highlighted.</b></p>

<p>You can also insert a link to your website - <a href="[your website link]"target="_blank"> click here.</a></p>


​

If you have any feedback we would love to hear it πŸ‘‚

Did this answer your question?