Upcoming Events List is a great way to promote your events on any web page. Update calendar events from any device and instantly update website's upcoming events list. For responsive websites, learn about our responsive upcoming events list option. Interact with our demo upcoming events list below.
| |
 Fri, Jan 21, 2022 5:00pm - 6:30pm @ Gale Library | |
| Family movie night with popcorn, pizza, and more. ... | |
 Sat, Jan 22, 2022 8:30am - 12:30pm | |
| The perfect Saturday activity for kids. Come ready to build a craft. Family fun for all ages. ... | |
 Tue, Jan 25, 2022 8:30am - 10:00am | |
Fri, Jan 28, 2022 5:00pm - 6:30pm @ Gale Library | |
| Family movie night with popcorn, pizza, and more. | |
Sat, Jan 29, 2022 8:30am - 12:30pm | |
| The perfect Saturday activity for kids. Come ready to build a craft. Family fun for all ages. | |
Fri, Feb 4, 2022 5:00pm - 6:30pm @ Gale Library | |
| Family movie night with popcorn, pizza, and more. | |
| Show More Events.. |
How it works...
- Go to Admin Menu > Website Plugins > Upcoming Events List >
You'll notice that an upcoming events list automatically loads in the preview screen with "sample" events and thumbnail images.
Show your events but selecting the categories you want to display in the list. [SAVE] changes.
Events Tab - customize settings pertaining to your events.
Specify the number of events to display, number of days ahead, or number of characters to display in event's description. [Save] changes
List Tab - customize settings for the list itself.
Specify the list width, height, border, box colors, etc.
For responsive sites, set list width to 100% and adjust from there.
- Script Tab - copy the JavaScript code from the box where it reads "Copy and Paste this into your web page" and paste into your web page.
If your website builder or content management system does not allow you to add JavaScript, you can add our upcoming events list by website url.
Learn more about adding the upcoming events list by url here:
Multiple Upcoming Events Lists Theme Tab - you may create more than one upcoming events list by creating themes.
Perhaps, create a second theme to pull events from different categories for a different web page. Themes provide a powerful option for organizations with many events to share. Select the theme title and then [Open] to view.
Other helpful options include...
Add images to upcoming events list