adding Markdown and CSS

tweak to get what you want - custom links and formatting - requires paid plan

How does it work?

Standard Markdown tags will work well on all the text boxes / custom email messages. Markdown is usually easiest to format pages quickly to make your text bold and italicised.

You can find out more about how Markdown works here. You can also change much of the CSS in how our grids display - find out more about what CSS is.

Why Do You Need It?

One of the jobs of a booking process is to make it as easy and simple for your users - making sure your text is all formatted nicely, making the links clickable, all these things will make the navigation as smooth as possible, so it's worth putting a bit of effort into it.

For example,

There's a lot more options to help you manage the look of your calendar on the 'appearance' tab. To start with, you can add a 'header' and 'footer' which will be displayed on each page. For example, add something like this to your header...

Click here to [go back](http://www.example.com) to our main site

... with your main web address instead of "example", to allow people to navigate that way if they choose.

How to use this feature

Markdown

Markdown is great way, with very little knowledge of code, to add a few extra links and treats to spruce up your pages.

By using simple tokens like * and # and [ ] you can make a real difference to how your booking process 'feels' to your client.

Two in particular are often used:

  • a single asterix around a word which italicises it
  • and a double asterix around a word which bolds it.

If you want to make a web page clickable, wrap the word in square brackets and then immediately after include the weblink inside round brackets - [text here](weblink here).

This allows you to build a link such as click here to find out more about airships

Finally, if you want to use different 'strengths' of titles, adding numbers of # makes a header bigger or smaller (fewer # makes a bigger header)

eg using ###, ## or # in front of some text you get

# 1 hashtag

## 2 hashtags

### 3 hashtags

There are lots of Markdown tricks you can use, follow the links to the cheat sheets and have fun learning a new way to format your pages!

CSS

Advanced users can set every detail of the way their booking pages appear via the Cascading Style Sheet (CSS) setting. This is a Paid plan feature.

On Paid plans we are also happy to make certain CSS changes to the way the grid displays (for example hiding rows of unavailable times) if our support team can do it.

You can access the CSS under Dashboard > Edit > Appearance > CSS

The things you can do with CSS is change the shape, size, colour and general display of your grid. It means with CSS you can match the colours of your website exactly.

Any normal CSS code should be accepted. Or you can enter a URL of the locations of a CSS file hosted elsewhere.

Email us if you'd like to see the full documentation available for designers who are working with our CSS.

You can format the text and links on your YouCanBook.me grids, emails and messages, using Markdown and make CSS changes to the way your grid looks.