Templates

This section enables you to create and edit the appearance of the landing pages used for One-time Events.

You can create an unlimited number of templates and use them for your events landing pages.

We have provided you with complete control.
We recommend that you make sure the code is W3.org valid, that it works in common browsers (Google Chrome, Internet Explorer 8+, Mozilla Firefox, Safari, Opera) on common platforms (Desktop, tablets, mobile) and that it does not return any javascript errors.

Create Template

Name:

Template Id:

Templates:

Available Tags
If you are missing options in our available tags, please let us know.

Block Tags

Tag Output
{{block:title}} <div class="row headline">
    <div class="inn">
      <h1>{{title}}</h1>
    </div>
</div>
{{block:description}} <div class="row description">
    <div class="inn">
      <p>{{description-formatted}}</p>
    </div>
</div>
{{block:location}} <div class="row location">
    <div class="hed">
      <div class="inn">
        <p><strong>Where:</strong></p>
      </div>
    </div>
    <div class="desc">
      <div class="inn">
        <p>{{location}}</p>
      </div>
    </div>
    <div class="clr"></div>
</div>
{{block:organizer}} <div class="row organizer">
    <div class="hed">
      <div class="inn">
        <p>Organizer:</p>
      </div>
    </div>
    <div class="desc">
      <div class="inn">
        <p>{{organizer-and-email}}</p>
      </div>
    </div>
    <div class="clr"></div>
</div>
{{block:when}} <div class="row when">
    <div class="hed">
      <div class="inn">
        <p>When:</p>
      </div>
    </div>
    <div class="desc">
      <div class="inn">
        <p>
          Start: <span class="date" data-date="{{date-start-date}}" data-time="{{date-start-time}}">{{date-start-date}} {{date-start-time}}</span><br />
          End: <span class="date" data-date="{{date-end-date}}" data-time="{{date-end-time}}">{{date-end-date}} {{date-end-time}}</span>
        </p>
      </div>
    </div>
    <div class="clr"></div>
</div>
{{block:button}} <div class="row button">
    <div class="inn">
      <div title="Add to Calendar" class="addeventatc" data-render="inline-buttons">
        <span class="start">{{date-start}}</span>
        <span class="end">{{date-end}}</span>
        <span class="timezone">{{timezone}}</span>
        <span class="summary">{{title}}</span>
        <span class="description">{{description-formatted}}</span>
        <span class="location">{{location}}</span>
        <span class="organizer">{{organizer}}</span>
        <span class="organizer_email">{{organizer-email}}</span>
        <span class="all_day_event">{{all-day-event}}</span>
        <span class="date_format">{{dateformat}}</span>
      </div>
    </div>
</div>

Data Tags

Tag Output
{{title}} Contents of title.
{{description}} Content of description.
{{description-formatted}} Contents of description. Breaks replaced with <br />
{{location}} Contents of location.
{{organizer}} Contents of organizer.
{{organizer-email}} Contents of organizer e-mail.
{{organizer-and-email}} Contents of organizer and organizer e-mail. If both values contains content, values are seperated by comma.
{{date-start}} Date start, eg. "12/25/2015 9:00:00 AM". Outputs all available date start variables.
{{date-start-date}} Date start month and day and year, eg. "1/12/2015"
{{date-start-month}} Date start month, eg. "6"
{{date-start-day}} Date start day, eg. "18"
{{date-start-year}} Date start year, eg. "2015"
{{date-start-time}} Date start hour and minute and AM/PM designator , eg. "9:00 AM"
{{date-start-hour}} Date start hour, eg. "1"
{{date-start-minute}} Date start minute, eg. "30"
{{date-start-ampm}} Date start AM or PM, eg. "PM"
{{date-end}} Date end, eg. "12/25/2015 11:00:00 AM". Outputs all available date end variables.
{{date-end-date}} Date end month and day and year, eg. "2/12/2015"
{{date-end-month}} Date end month, eg. "6"
{{date-end-day}} Date end day, eg. "18"
{{date-end-year}} Date end year, eg. "2015"
{{date-end-time}} Date end hour and minute and AM/PM designator, eg. "11:00 AM"
{{date-end-hour}} Date end hour, eg. "3"
{{date-end-minute}} Date end minute, eg. "30"
{{date-end-ampm}} Date end AM or PM, eg. "PM"
{{date-start-24h}} Date start (in 24 hour time format), eg. "25-12-2015 09:00:00". Outputs all available date start variables.
{{date-start-date-24h}} Date start month and day and year (in 24 hour time format), eg. "12-01-2015"
{{date-start-month-24h}} Date start month (in 24 hour time format), eg. "06"
{{date-start-day-24h}} Date start day (in 24 hour time format), eg. "18"
{{date-start-year-24h}} Date start year (in 24 hour time format), eg. "2015"
{{date-start-time-24h}} Date start hour and minute (in 24 hour time format), eg. "09:00"
{{date-start-hour-24h}} Date start hour (in 24 hour time format), eg. "13"
{{date-start-minute-24h}} Date start minute (in 24 hour time format), eg. "30"
{{date-end-24h}} Date end (in 24 hour time format), eg. "25-12-2015 11:00:00". Outputs all available date end variables.
{{date-end-date-24h}} Date end month and day and year (in 24 hour time format), eg. "12-02-2015"
{{date-end-month-24h}} Date end month (in 24 hour time format), eg. "06"
{{date-end-day-24h}} Date end day (in 24 hour time format), eg. "18"
{{date-end-year-24h}} Date end year (in 24 hour time format), eg. "2015"
{{date-end-time-24h}} Date end hour and minute (in 24 hour time format), eg. "11:00"
{{date-end-hour-24h}} Date end hour (in 24 hour time format), eg. "15"
{{date-end-minute-24h}} Date end minute (in 24 hour time format), eg. "30"
{{all-day-event}} Content of all day event. Either "true" or "false".
{{dateformat}} Content of date format, eg. "MM/DD/YYYY".
{{timezone}} Content of time zone, eg. "Europe/Paris".
{{alarm}} Content of alarm, eg. "60".