Help Docs
Contact supportSign in

Show Specific Month

This guide shows how to set an Embeddable Calendar to only show a specific month to the end user, no matter how far into the past or future the month is. It involves using a Custom Template, and then optionally adjusting the settings of the Embeddable Calendar during the embedding process.

Creating a Template

  1. Scroll down to the sharing method, Embeddable. Create a custom event landing page template by clicking Custom Templates in the app and clicking + New Template. Add a name for the template.

Setting the Month

  1. Go to line 41 of your new template and find the data-month="{{month-now}}" parameter

  2. Replace the {{month-now}} with the two-digit number of the month you'd like to have the calendar display upon loading (including the quote marks around the number).

    1. For instance, January would be "01", February would be "02", and so on to December as "12"

  3. Scroll to the bottom of the page and click Create (or Save if you've already created the template)

  4. Return to the Embeddable Calendar section of the calendar page and set the template.

Turning of selectors (Optional)

📘

The following instructions are not necessary for the function of the template you just created. They allow you to stop viewers of the calendar from viewing other months on the calendar outside the one specified in the template.

If you do not turn off these options when embedding (or re-embedding) the calendar, then the calendar will always start out showing the month specified, but will allow other months to be viewed as normal.

If you've already embedded the Calendar you are trying to modify, and would like to stop your users from viewing other months, you will need to re-embed it following the instructions below.

From your Dashboard:

  1. Hover over the calendar that you would like to embed on the left part of your Dashboard.
  2. Click the three dots to the right of your selected calendar and then click Calendar page.
  3. Scroll down to the Embeddable calendar section and click Customize + Share.

  1. Deselect the following options:

    1. "Today Button"
    2. "Prev/Next Buttons"
    3. "Month Selector"
    4. (Optional) "Subscribe Button"

  2. Click Show embed options.

  1. Click Copy next to the embed option that you want to use.
  2. Embed the calendar on your webpage!

Updated 4 months ago