Are you ready to enhance your templates with some effective HTML hacks? This Chili Piper's Template Twister guide will equip you with the knowledge to elevate your engagement meaningfully.
Our Meeting Types and Reminders can't handle Advanced HTML, but we can customize it using only basic HTML in several ways to make you send your invites and reminders with a spicy touch.
Office 365
If you're an Office 365 (Outlook) user, please remember that some HTML customization shared below may not render appropriately for meeting invites. For invites, the HTML and data rendering is done from Office 365's side, so it won't be something we can control from Chili Piper's side. We expect reminders to work typically.
Table of Contents
Basic HTML Techniques
Italics
Emphasize important text with <i> </i>
, like deadlines or key points.
Example:
<i>This text is italicized.</i>
Bold
Make actionable elements stand out with <b> </b>
, like buttons or calls to action.
Example:
<b>This text is bold.</b>
Hyperlinks
Connect your users to valuable resources with <a href=""> </a>
, like linking to your Dynamic Tag or calls to action.
Example:
<a href="www.chilipiper.com">Chili Piper</a>
Dynamic hyperlinks
Personalize your interactions with tags like {!CP.Meeting.RescheduleURL}
, allowing users to reschedule appointments directly.
Example:
<a href="{!CP.Meeting.RescheduleURL}">Click here to reschedule</a>
Bullet Lists
Organize information with <ul> </ul>
for bullet points, ideal for non-ordered steps or features.
Example:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Identented Lists
Create a visual hierarchy with nested <ul> </ul>
and style=
attributes, adding clarity and structure.
Example:
<ul>
<li style="padding-left:20px">Item 1</li>
<li style="padding-left:20px">Item 2</li>
</ul>
Definition Lists
Combine topics and sub-topics with <dl> </dl>
and <dt> </dt>
, perfect for glossary entries or FAQs.
Example:
<dl>
<dt>Topic 1</dt>
<dd>- Sub-Topic 1</dd>
<dt>Topic 2</dt>
<dd>- Sub-Topic 2</dd>
</dl>
Numbered Lists
Organize information by order with <ul> </ul>
, a number list, more used to specify an order of elements.
Example of a numeric list:
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Want to spicy your Numbered List and make it with Roman Numbers?
<ol type="i">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Or do you want to chill it and make it alphabetic?
<ol type="a">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>