Using Markdown to format text
What is Markdown?
Markdown is a very simple coding language that you can use to add formatting elements to text. You can use Markdown in Giggio to easily add formatting to your email templates. It can be used to add hyperlinks too. It's straightforward and much faster and easier than coding with HTML. But if you are familiar with HTML, you can use this too.
You may have used Markdown on web forums, but if you aren't familiar with it, this page will explain how to use it.
Bold Text
To put text in bold, place ** on either side of the word(s) to be made bold:
Example:
This sentence needs **these words** to be in bold
Becomes:
This sentence needs these words to be in bold
Italic Text
To put text in italic, place _ on either side of the word(s) to be made italic:
Example:
This sentence needs _these words_ to be in italic
Becomes:
This sentence needs these words to be in italic
Bold & Italic Text
Combine both ** and _ to make text bold and italic
Example:
This sentence needs **_these words_** to be bold and in italic
Becomes:
This sentence needs these words to be bold and in italic
Hyperlinks
To create a hyperlink, you wrap the text in square brackets [ ], then wrap the link starting http in parenthesis ( ) straight after.
Example:
Manage your [Gigs with Giggio](https://www.getgiggio.com)
Becomes:
Manage your Gigs with Giggio
You can also use this in your 'Client Contract' email for the Online Confirmation URL, by putting the Merge Field in the second set of brackets like this:
Example:
To confirm your booking [Click Here]([[approveurl]])
Becomes:
To confirm your booking Click Here
Horizontal Rule
To create a horizontal rule, enter ***
Example:
***
Becomes:
Other HTML
You can also enter almost all other html. Some examples are below
Coloured Text Example:
This text is <span style="color:red">very important</span>.
Becomes:
This text is very important.
Font and size example:
This text is <span style="font-family:Impact; font-size:20px;">bigger and in Impact</span>.
Becomes:
This text is bigger and in Impact.
Inserting Images
To insert an image, you start with an exclaimation mark, then wrap the alt text in square brackets [ ], then wrap the full URL to the image starting http in parenthesis ( ) straight after.
Example:
Here is our logo:
Becomes:
Here is our logo:
