HTML and LilYPad

LilYPad has many places where you can customize text, such as your receipts and emails. One way to help you customize these items is to use HTML to format them. This article will serve to provide basic examples that will help you customize these messages for your facility.

A note on HTML Tags, HTML tags will generally encompass the text you want formatted, with an open and closing tag. An open Tag will be in the format<Tag> and a closing tag will be in the format </Tag>. this will become clear in the examples below:

The Bold Tag:(<b></b>)

Often you will want certain blocks of your text to stand out from the rest, using the bold tag can be simple and effective way to communicate importance.

Example: This is Important text.

HTML: This is <b>Important</b> text.

The Italics Tag(<i></i>)

The italics tag provides an alternative way of visually distinguishing information, often used when referring to a previous block of text

Example: I quoted This

HTML: i quoted <i>This</i>

The Underline Tag(<u></u>)

The underline tag provides a third commonly used option for distinguishing text, often when emphasizing a specific point.

Example: This is the Agreement

HTML: This is the <u>Agreement</u>

The Line Break Tag(<br />)

In HTML enabled fields, often times simply using the enter button will not register as a line break, for these cases you will need to use a line break tag. This line break is rather unique, as it is both an open and closing tag in one, and as such does not actually enclose any text, but rather inserts as a single line break.

Example 1(Single Line Break):

This is the first line of text.
This is the second line of text.

HTML:This is the first line of text<br />This is the second line of text.

Example 2:(Double line break for new paragraph)

This is the first line of text.

This is the second line break.

HTML:This is the first line of text<br /><br />This is the second line of text.

The Hyperlink Tag(<a></a>)

Often times you will want to have additional information sent to the customer than can be put in LilYPad. By using a Hyperlink in the emails, you can host documents(such as invitations, rules, or pictures) on your website, and then embed a link in the email directly to these items, or to a specific web page.

The Hyperlink tag, like most tags, will enclose the text, however, you will need to add an additional set of parameters, which point towards the link you are interested in. This line will be designated using a src attribute, place inside the tag itself, in the following format: src="PlaceURLHere".

Example: Check out this link to our website by Clicking Here.

HTML: Check out this link to our website by <a src="http://www.lilypadpos.com">Clicking Here</a>

NOTE: You can make the link open up in a new tab or window, by adding the the following after the link information: target="_blank"

Example: Check out this link to our website by Clicking Here.

HTML: Check out this link to our website by <a src="http://www.lilypadpos.com" target="_blank">Clicking Here</a>