Skip to main content
All CollectionsBusiness & Booking Settings
Format and style text on your booking page
Format and style text on your booking page

How to underline, bold, italicize, and change the color for text options

Updated over 3 years ago

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] 
Did this answer your question?