Want to create an event calendar that displays in a list view or calendar format and is embedded into your external website? The event calendar does just that, while it can also be searched through using keywords and a date range. Sessions are also able to be shown on the event calendar as well.
1 Access the Event Calendar wizard. Hover over the Cross Events tab and select Events Calendar from the dropdown. Click Create Calendar. Enter a name and a data tag code.
2 Create your calendar. In the Display Options section, select a language if necessary, then the date and time format. Configure your calendar in multiple languages by switching "Enable Global Calendar" to Yes, then checking the languages you want to display. Establish how long the events will display on the calendar, and if you want Closed events to appear. If you choose to display events until the event archive date, then Completed events will also show.
Under Event Field, click Add Field to determine what information will display on your calendar specific to the event.
In the Session Fields section, click Add Field if you have chosen to display sessions, and determine what session-specific information will be available.
Do you want to provide your readers with a quick way to filter events within their calendar view? In the Filters section, switch "Enable Filtering" to Yes. To allow your invitees to filter based on their location, such as events within a 20 mile radius, switch "Allow users to filter by point of interest" to Yes. If you want to display filter options to the side of your list or calendar, switch "Allow users to filter by fields" to Yes.
Use the dropdowns in the Advanced Filters section to limit which events display. In the example below, only events located in Virginia will display.
You also have the ability to add other items to your event calendar, such as company holidays, open enrollment periods, and office closures. To add them, click Add Items... button and select an existing additional calendar item.
|NOTE: Not seeing your additional calendar items? Hover over Cross Events, and click Events Calendar. Click the tab, Additional Calendar Items, then Create Item. Enter your item's info, then click Save.|
3 Add calendar tags. Event custom fields can be displayed as tags on the calendar. Tags are used to highlight event information so that invitees can find specific events easily. Click the neighboring tab, Tags, then Edit.
Click on the ellipses (...) next to "Select the tag field." A list of your event custom fields will open. Click Select next to the field you want to add as a tag.
The field's choices will display. Customize the background and text color of each by entering in a specific hex value, or click on the square next to the field to open the color picker. Click Save.
Be sure to allow invitees to filter the calendar by the event custom field by adding it to the Filters section of the Details tab.
4 Customize the website. Click the neighboring tab, Website. In the Design & Build section, click Customize.
|NOTE: Only one choice-based event custom field can be used as a tag on the calendar. |
To determine whether the website will display as a list or a monthly calendar, click the event calendar (this may be in list or calendar format) in the canvas. To the right of the canvas, under Configuration Options, select List or Calendar.
To customize the template, under Styling Options to the right of the canvas, click Customize. Here you can change the list's theme, add a background image, adjust the width, and define styles that can be applied quickly later. If you selected the calendar, you can customize the popup that appears when an event is selected from the calendar.
|NOTE: Not seeing your events? Enable them by selecting your event and going to Promotion & Communication > Web > Event Calendar. Switch "Display this event or its sessions on event calendars" to one of the Yes options. |
To customize the actual calendar, click Calendar from the list, and make the necessary changes.
A default layout has already been added. Each section is a widget, which can be found under the Widget Menu to the right of the canvas. To customize one, click on the widget and use the options to the right to edit the widget. Some widgets will have a Styling Options section. When clicked, you can choose fonts, colors, backgrounds, and line weights for the widget or button.
When adding images, you have two options: Background Image and Image widget. If your image is a pattern or graphic that can be resized, use the Background Image, located within a widget on the canvas. This image can be scaled-to-fit, which allows it to maintain its aspect ratio. For images, like your company logo, where the image dimensions need to be maintained, use the Image widget. This will prevent your image from being distorted. You may also add the Image widget over a background image to layer the two. To add one, under the Content tab to the right of the canvas, drag and drop the Image widget onto the canvas. And don't forget to preview your work. With a responsive design, your images (and calendar) will respond to the size of the device it's being viewed on.
The Event List widget, which is already on the canvas, will allow you to customize how the list of events will display. To customize further, click on the widget in the canvas. The Widget Menu will appear. You can decide if the icons will appear or not. Click Customize to determine how the info will display.
|NOTE: The recommended width of the background image is 1920px.|
To rearrange widgets on the page, simply drag and drop them. To remove a section from the canvas, hover over the widget, and click the ellipsis (...) to the right of its name in the top left, then Delete.
Once you're done, click Save to save the draft, or click Publish to make it visible within the calendar.Want to add a reference ID to your calendar? Click Edit. Enter your reference ID in the Basic Information section.
Determine who should be able to access to the calendar. Under the Security section, choose whether you want the calendar to display to anyone, or only those with a specific IP address. If you choose to limit by IP address, type in the IP addresses that should have access. Then, provide the URL that visitors will be directed to if they should not have access to the calendar.
Here you are able to access the Website URL for your Event Calendar. Click the link to preview the calendar.
5 Create a calendar list. Click the neighboring tab, Web Widgets. Click Create Web Widget. Give it a name, and add a reference ID, if necessary. In the Display Options section, adjust a color by entering a hex value or clicking the color to the right of the appropriate field. Click Save. Unfortunately the monthly calendar is not available as a widget, but will be coming in the future.A Code box will appear at the bottom of the page. Copy the code and paste it where you want the widget to appear in your website's code.
6 Display your event on the calendar. Begin by opening the event that you want to appear on the calendar. Hover over Promotion & Communication and, under Web, click Event Calendar. Click Edit. Under the Display Status section, select if you want to display the event, all of its sessions, specific sessions, or nothing at all.
In the Display Settings section, determine how you want the event or session to appear on the event calendar. The Link Text is the text that will be hyperlinked to the event or session. The Link Destination is the URL where the registrant will be directed to when they click the hyperlink. You also have the option to provide a URL to a different site once the event enters Completed status. And lastly, choose if you want to display the event only on its start date, or for its entirety. Then, click Save.
Did this article resolve your issue?
What can we do to make this article better?
Did this article resolve your issue?
We are sorry to hear that! For more assistance, open a case and a Product Consultant will contact you directly.