Visit Eventchamp WordPress theme to create a new events & conference website. Eventchamp WordPress Events Theme
View Categories

How to Add Event List to Page with Elementor

2 min read

Adding an event list to your page with Elementor using the Events Widgets for Elementor and The Events Calendar plugin is a straightforward process. Here’s a step-by-step guide:

Step – 1 Ensure the Plugin Is Installed and Activated #

  1. Verify that the Events Widgets for Elementor and The Events Calendar plugin is installed and active on your WordPress site.
  2. Confirm that the The Events Calendar plugin is also installed, as it serves as the source for your events.

Step – 2 Generate the Official Shortcode #

  1. Navigate to the Events section in your WordPress dashboard.
  2. Use the plugin documentation or settings to find the available shortcode for your event list. A common shortcode format might look like this: [events_calendar]
  3. Customize the shortcode with attributes if necessary. For example: [events_calendar category="webinars" limit="5"]
    • category: Filters events by a specific category.
    • limit: Specifies the number of events to display.

Step – 3 Add the Shortcode to an Elementor Page #

  1. Open the page where you want to display the event list in Elementor.
  2. Drag and drop the Shortcode Widget from the Elementor panel onto your page.
  3. Paste the shortcode (e.g., [events_calendar]) into the Shortcode field.
  4. Save and preview your page to ensure the event list displays as expected.

Step – 4 Customize the Event List Design (Optional) #

To further customize the appearance of your event list:

  1. Use the design options available in Elementor.
  2. If the plugin includes dedicated widgets (like Event List or Calendar), drag and drop those widgets onto the page for more control over layout and styling.
  3. Adjust colors, fonts, and layouts in the Elementor Style tab to match your website’s theme.

Tips for Advanced Users #

  • Check the plugin’s documentation for advanced shortcode attributes or styling options.
  • Combine the plugin’s widgets with Elementor’s Section, Column, and Inner Section widgets to create a unique layout.

Let me know if you’d like help fine-tuning your event list or exploring other plugin features!