Overview
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 #
- Verify that the Events Widgets for Elementor and The Events Calendar plugin is installed and active on your WordPress site.
- 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 #
- Navigate to the Events section in your WordPress dashboard.
- 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]
- 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 #
- Open the page where you want to display the event list in Elementor.
- Drag and drop the Shortcode Widget from the Elementor panel onto your page.
- Paste the shortcode (e.g.,
[events_calendar]
) into the Shortcode field. - 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:
- Use the design options available in Elementor.
- 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.
- 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!