🧐 What are service descriptions
With every service set up on Appointedd, business can choose to include service images and descriptions to give more context to their customers.
Please note: the service description will be displayed:
on the Booking page via Book Now button or via the information icon;
on the widgets if the service selection is enabled.
🛠️ How to set up your service description
Your service description is added via the service settings:
Go to the Setup tab -> Manage services;
For a new service, click to add a new service or simply click on the pencil icon on an existing service;
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.
🏆 More customisable 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, highlight certain words or insert a link, 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>
<p>You can also insert a link to your website - <a href="[your website link]"> click here.</a></p>
⭐️ 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>