Accessibility Tools

Skip to main content

Upcoming Events

Events added in CiviCRM will automatically appear on this page in a grid element. Give it a try and add an event now in CiviCRM to see how it works. Note that you can remove this notice and others like it directly in the page builder.


May 17, 2030 – 6:00 AM

Volta New York

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
May 20, 2030 – 6:00 AM
International Portuguese Music Awards
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Jun 10, 2030 – 6:00 AM
International Festival of Arts & Ideas
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Example 1

This example demonstrates a single featured event, displaying the next upcoming event in your CiviCRM listing, following by additional future events. This exmaple provides links to both an info page and the event registration page, a summary and a map.

These can all be changed and new data can be added should you wish to display different information. Likewise, the design and layout is very flexible and can quickly be updated to match your needs.


  • Data sits in CiviCRM and displays dynamically on the site
  • Uses two Grid elements that support various field mappings
  • Approximate time to design and lay out: 15 mins
  • Replaces Drupal views and default CiviCRM event listing

Example 2

Example 2 plots upcoming events on to a map and presents key information in each map marker popup including event name, date and featured image (in this exmaple). 

These fields are all flexible and the element can support an additional content and link field.


  • Data sits in CiviCRM and displays dynamically on the site
  • Uses a single Map element that supports various field mappings

  • Approximate time to design and lay out: 15 mins
  • Replaces Drupal views and default CiviCRM event listing
Jun 10, 2030 @ 6:00 AM
International Festival of Arts & Ideas
May 17, 2030 @ 6:00 AM
Volta New York
May 20, 2030 @ 6:00 AM
International Portuguese Music Awards

Example 3

Exmaple 3 demonstrates a slideshow element that is fed directly by CiviCRM events. Simple and easy to set up, this element creates a visually appealing, dynamically generated block of content, each item of which links out to a specific detail page.


  • Data sits in CiviCRM and displays dynamically on the site
  • Uses two Grid elements that support various field mappings
  • Approximate time to design and lay out: 15 mins