You can apply custom style options to specific parts of text on the booking page (like description text of service options, or booking section subheaders) by enclosing the text in special tags.
Format text
Bold text
Enclose text you want bolded inside of [b][/b]
tags
This paragraph has [b]bold words here[/b]
Italic text
Enclose text you want italicized inside of [i][/i]
tags
This paragraph has [i]italic text here[/i]
Underlined text
Enclose text you want underlined inside of [u][/u]
tags
This paragraph has [u]underlined words here[/u]
Strikethrough text
Enclose text you want crossed out inside of [s][/s]
tags
This paragraph has [s]crossed out text[/s]
Color text
You can change the color of text by wrapping it in [color=HEX_COLOR][/color]
tags, and replacing HEX_COLOR
with a valid hex color code like #ee0007
or #ccc
This paragraph has [color=#ee0007]red text here[/color]
Links
Link to external web pages in your text by wrapping it in [url=EXTERNAL_URL]View our refund policy[/url]
, and replacing EXTERNAL_URL
with the full URL of your link, beginning with either http://
or https://
.
By booking your agree to our [url=https://example.com/policy]refund policy[/url]
โ
Inline images
You can include small images alongside text using the [img=WIDTHxHEIGHT]IMG_URL[/img]
tag, replacing WIDTH
with the desired width of your image, HEIGHT
with the desired height of your image, and IMG_URL
with the full URL where your image is located.
[img=16x16]https://s3.amazonaws.com/appforest_uf/f1607118827938x613012956614629900/triangle.svg[/img] this text will have an image next to it
Important: Make sure the URL of the image starts with https:// or else web browsers will mark your booking page as insecure.
Tip: Keep image height fairly small to avoid causing the rest of the text in the element to have a strange line line height
Combining formatting rules & examples
These tag can all be nested inside of each other to create combinations of text styles. For example, making a link italic. Or making text bold and red.
This is an [color=#f72525][b]example[/b] of something important[/color]
[img=16x16]https://s3.amazonaws.com/appforest_uf/f1607118827938x613012956614629900/triangle.svg[/img] [color=#000000][u]Important:[/u][/color] don't set image dimensions to be too large otherwise it might looks strange inline with the text
[b]Bold[/b] [u]underline[/u] [i]Italic[/i] [s]crossed out[/s]