Keep visitors up-to-date on events and collect RSVPs with this calendar widget. Using the free service from Tockify.com you can easily build and embed the perfect calendar for your site or event.
Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
Current Version: 1.0
Supported Devices: Desktop, Tablet, Phone
1.0: Adds collapsible panel functionality and support for responsive Muse
Drag the widget from the library and drop into your project in Design mode.
Place the widget where you would like the calendar to appear. The widget has 2 different integration modes: Embed in Page and Launch with Button. For the Embed mode, size the calendar as you like: the size of the widget container controls the size of the calendar when previewed or published. We will discuss the Button mode below.
You may also size the widget container 100% width in Muse for full browser width adaptive behavior.
Go to www.tockify.com and set up a new event calendar. During the simple setup process, note the calendar name. Copy the calendar name.
Back in Muse Design mode, open the widget option panel.
Paste the calendar name in the Calendar ID field.
At this time, the widget should render a preview of your calendar. Preview your page in browser to see an accurate representation of your event calendar. If you've already set up events for your calendar, you should see them in your preview.
Launch with Button mode:
If you wish to launch the calendar with a button, click the "Launch with Button" checkbox in the widget option panel. Uncheck the "Embed in Page" box.
In button mode, the widget container becomes a button overlay.
Create a button using a text box, state button, or image.
Size the Tockify widget container to the same dimensions as your button.
Place the widget on top of the button. Make sure any pinning or resizing options are identical for the button and widget container.
Preview in browser. Clicking on the button should trigger the widget in button mode, launching a lightbox display of your Tockify Calendar.