Using the Markdown editor

When you add a Markdown component, you can edit the copy as you want to, but it can be a little confusing when you're not used to using Markdown. How it looks on your site will depend on how your developers have assigned the styling in the code.

Accessing the Markdown editor

  1. Add the Markdown component to your page

bd88a91 Adding a markdown component

  1. Click the edit icon in the Content section of the settings panel, this opens the Markdown editor

9508564 Click edit icon to open markdown editor

  1. Write what you'd like to on the left of your screen and an example of how it will look is displayed on the right

714101b Write what youd like in markdown

  1. Click the Done button to return to the page builder where you can preview and save your changes

484f40b Click the done button to return to the page builder

Be sure to save (or publish) the page version in the page builder or your changes in the markdown editor won't be saved.

Quick guide to Markdown

Below are some syntax examples you can utilize when writing in the Markdown editor. On the left is what you'll need to write, and on the right is how it will be displayed. If you write without any syntax, it will be displayed as paragraph text.

66ad9bc Markdown quickquige

We've also made this handy guide to help you:

30edcc0 Markdown Cheatsheet

If you want to copy these tips, you can do so from below:

# Use hashtags followed by a space to write headings (h1)
## The more hashtags, the smaller the heading gets (h2)
### Getting smaller (h3)
#### And smaller (h4)
##### And smaller (h5)
###### And smaller (h6)
*Italic* is rendered with one asterisk on both sides
**Bold** is rendered with two asterisks on both sides
_**Bold and italic**_ are rendered by adding an underscore and two asterisks on both sides
> To add a blockquote, use a greater than symbol followed by a space
- To add a bullet point list, use a hyphen followed by a space
1. To add an ordered number list, use a number followed by a period and a space
Make a hyperlink [with your link text in between these brackets](and your URL in these brackets)