You can post an alert message on your page for scenarios where you need to alert your customers to important information regarding your events, such as a change in circumstances i.e. a change in venue or temporary postponement.
This article covers:
How to find the Alert message box
To find the alert message box, please head to your public page:
From here, select Customise page in the top right-hand corner. Scroll down to below your banner image, where you will find a box labelled Alert message:
The text appears on your public page, under the banner image and above the schedule list:
How to format your text
Here are a few formatting options:
To start a new paragraph - leave a blank line.
To add a line break within a paragraph - leave two blank spaces at the end of the line.
Font size
Use #'s adjust the font size. For example:
# Heading 1 - Biggest |
## Heading 2 - Medium |
### Heading 3 - Small |
Italics
Use an underscore (_) or asterisk (*) before and after a word or sentence to make it italic.
For example:
_word_ *word*
Bold
Add two underscores or two asterisks before and after the target word or sentence to make it bold.
For example:
__word__ **word**
💡 If you would like to use an asterisk or underscore etc., without it affecting the text, you can add a backslash before it, for example: \*word
Bulleted or numbered list
Bulleted
Add a bulleted list item by adding a dash (-) or asterisk (*). E.g.
- Bullet list item
- Bullet list item
Numbered
Add a numbered list item by adding a number and a full stop (.). E.g.
1. Numbered list with a number and a fully stop
2. Numbered list item two
Inserting a link
Use this format to add a link:
[Bookwhen] (http://bookwhen.com) will be shown as Bookwhen
PLEASE NOTE: THE SPACE BETWEEN '] (' MUST BE REMOVED FROM THE EXAMPLE TEXT ABOVE
Posting an alert message with custom colours
While you can’t customise the colour of the default alert message, you can create your own message box using HTML in the General information section of your public page:
The following code would create a green alert message :
<p style="background-color: #53b17b70; text-align:center; color:dark grey; border: 3px solid #53b17b;"><br><span style="font-weight:bold">⚠️ Alert message ⚠️</span><br>with custom colour<br><br></p>
For example:
You can edit the following parts of the code:
#53b17b70: Background colour
darkgrey: Font colour
#53b17b: Border colour
⚠️ Alert message ⚠️: Heading text
With custom colour: Message text
💡 To note: Formatting using markup won’t apply inside this HTML. To add formatting like bold text, use HTML styling instead. In the example above, the heading is bolded using:
<span style="font-weight: bold">...</span>
Adding an error message within text fields
You can add some coding to your text field as an alert message. For example, the below code:
<h5 style="color: #BA0606; margin-bottom: .8em; padding: 10px; background-color: #F59D9D"> ⚠️ Please note this is only for those who have not practised at the studio before</h5>
When added into the pass Further details section:
How it appears on the public page:
Useful links 🔗
GitHub guide on using markdown codes: Mastering Markdown.
The complete syntax guide: Markdown Syntax.
💬 Any questions or feedback? There are two ways to get in touch:
For a quicker response, please contact us via live chat on our homepage or your account.
Or send us an email
Thank you! 🕺
Tags: publicpage