How to
Create an Events Calendar Widget
This page documents the process for creating an events calendar widget to embed in your WordPress, WCMS, Drupal or other website.
Events Calendar Widget Builder
The UCSC Events Calendar has a Widget builder that can be accessed at the bottom of the right-hand sidebar.
Clicking this link will bring you to the Widget builder page where you will be met with a series of prompts to customize your embed. Customize your widget using this form; however, there are a few items to pay special attention to.
- The branded UC Santa Cruz templates can be selected under the Template: drop down menu.
- If you are creating a widget specific to a UC Santa Cruz group, be sure to select your group in the Groups: drop down menu.
- Multiple Groups: Also note that multiple groups may be selected.
- Be sure the Include Styles: box is checked so that UC Santa Cruz’s branding styles will be included.
Preview Widget
Once you select your options in the Widget Builder form, a good practice is to preview the widget using the Preview Widget button at the bottom of the form.
A preview of your widget will open in a new tab.
Generate Embed Code
When you are satisfied with your widget preview, click the Generate Embed Code button at the bottom of the Widget Builder form.
And the generated embed code will appear that can be copied and pasted into your website.
[!tip] Remove Localist branding footer
The default embed code includes Localist branding as a footer:
Prior to copying the embed code, you may remove this branding footer. Select all the code between
<div id="lclst_widget_footer">and its closing</div>and delete it.
Then copy the remaining code.
