Best Online Calendar


Knowledge Base

Browse knowledge base categories or search with keyword related to your question.

Email Support

Can't find your answer?

Contact Support or Contact Sales
Search:     Advanced search
Browse by category:

Add an Upcoming Events List to your web page:

Article ID: 77
Last updated: 14 Nov, 2015

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.  

How it works...

  1. 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.

  2. 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

  3. 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.


  4. 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:

  5. 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

    Add a mobile-friendly upcoming events list 

    Add more than one upcoming events list to your website.

This is a demo upcoming events list
Others in this category
document Add a Mini Calendar to a Web Page
document Create more than one Upcoming Events List for a website
document Additional Customization Options for your Upcoming Events List:
document Add a Suggest Event form to a Web Page
document Create a Scrolling Upcoming Events List For A Web Page:
document Using Website Plugins In SharePoint 365
document How can I remove the Upcoming Events List scroll bar?
document Set Upcoming Events List "More..." Link or Header Link to Open in Same Window
document How to Adjust the Search Widget Width
document Create a "Featured Events" Upcoming Events List:
document Add Upcoming Events List by URL (without JavaScript)
document NEW FEATURE: Add images to your upcoming events list