How do I use HTML in Event Messages?
You can spruce up your event messages by utilizing HTML code. HTML allows you to change the colour, size, and font family of any text. It also allows you to add images and links.
For basic information on HTML, check out: https://www.w3schools.com/html/default.asp. Another helpful site is https://wordtohtml.net/ which allows you to convert your text to html which you can then copy/paste into Meetingmax.
To add HTML to your messaging, click Source under any applicable text field.
Heads up! The Source page looks a bit like gibberish.
That's normal and hopefully we can make sense of it all with some common HTML tags listed below:
Common html tags:
Change text colour: <p style="colour:#208ab6;"> [THIS TEXT WILL BE BLUE] </p>
Change text position: <p style="text-align:center;" [THIS TEXT IS CENTERED] </p>
Change text size: <p style="font-size: 40px;" [THIS TEXT WILL BE 40 px large] </p>
Change Font: <p style="font-family: Arial;" [THIS TEXT WILL BE ARIAL] </p> (note: you may be limited to font's compatible with certain browsers)
*You can also use a combination of the above: <p style="colour:#208ab6; text-align:center;font-size:40px;font-family:Arial;"> [INSERT TEXT] </p>
Change background colour: <h1 style="background-color:#1E90FF;">Hello World</h1>
Add an image: <img src="https://drive.google.com/uc?export=view&id=[image id]" style="width=100 height=100" />
When you copy a shareable link from an image in a Google Drive, the 'image id' is here - https://drive.google.com/file/d/[image id]/view?usp=sharing
<strong> [THIS TEXT IS BOLD] </strong>
<br> - adds a line break
Here are some examples of what can be done with HTML code; Click each link below to get copy and paste code (feel free to use as you wish!)
Example 2 HTML (Editable Image):