Enjoy 15% OFF on all our lifetime packages during our Summer End Sale!
Looking for a plugin to add events to your website without any cost?
WordPress Elementor offers drag-and-drop features and lets you do it easily, just like making a cup of coffee.
As of April 2025, lots of websites, including many for events, are built with Elementor – about 2.9 million of them! And roughly half of those (around 1.4 million) use the fancier, paid version, Elementor Pro. This shows Elementor is super popular, especially for creating great landing pages, where it holds over 14% of the market!
With the help of a compatible plugin, you can design an engaging Elementor event page within minutes.
That’s where WpEvently comes into play.WpEvently is a plugin that adds event management features to Elementor, such as event listing, registration, countdown, schedule, sponsors, and more for free.
Let’s discuss how you can design a compelling Elementor event page with WpEvently for Free!
Step-By-Step Guide To Create Your FREE Elementor Event Page with WpEvently
Here’s a detailed and step-by-step procedure to design your Free Elementor event page with WpEvently:
Step 1: Install And Activate Elementor
Before starting anything, you need to install and activate the two required plugins: Elementor and WpEvently. Let’s begin with the Elementor plugin!
Log in to your WordPress dashboard and head over to the plugins section. Click on “Add New” to proceed further.
Type “Elementor” in the search bar and click Enter. In the first place, you’ll see the plugin. Click “Install Now” to install it in your WordPress dashboard.
After clicking on “Instal Now” wait a while and let it install. Then, click “Activate” to move on.
You’re done with the installation of Elementor.
Step 2: Install And Activate WpEvently
Similar to “Step 1” click “Add New” from the plugins drop-down menu. Search “WpEvently” from the search box, and the plugin will appear right at the top.
Let it install and then, as you guess it, click on “Activate.” You’ll be redirected to a new page.
As a prerequisite, you have to install and activate “wooCommerce” to let the plugin smoothly run on your website.
Click on “Install and Activate” and the process will be done within seconds. Let’s move on to the next step!
Step 3: Configure Required Settings
When you’ve installed and activated both plugins, it’s time to configure the settings. Click “Next” to move from the Welcome page to the General Settings page.
In the General settings page, choose events label, event slug, expiry date & time of events, email form name, and email address.
Click “Next” after you’ve fulfilled the slots. You’re almost finished with the settings part.
Click “Finish & Save” to preserve the settings. Let’s edit the settings of the Elementor plugin.
Hove your mouse pointer to the “Elementor” menu and click on the “Settings” option to proceed.
Go to General settings and checkmark “events” in the post types. Click “Save Changed” and let’s move to the next step.
Step 4: Add New Event (WordPress Part)
From the WordPress dashboard, go to the “Events” drop-down menu and here you’ll see all the previous events with categories and other details.
As we are going to create a new event page, click “Add New Events” from the top or from the drop-down menu in the left sidebar.
Edit the Event Title, and from the Event Template, choose “Elementor Full Width” to prepare the page for the Elementor editor.
Scroll down to edit the Events Feature Image, Thumbnail, Organizer Name, and other additional info.
Then, scroll down the page and Edit “Ticket Type List,” you can add as much as you can by clicking “Add New Ticket Type.” Add any extra service area from the following segment.
Add the location where the event will take place. Provide a detailed location with City, postcode, State, country, etc. Check okay to “Show Google Map” to add the map to your event page.
Once you have added your location using Google Maps, you can also add Google Calendar for your attendees to easily get notified about their events. You can learn how to add a calendar to your Event Management Website.
Step 5: Design Your Event Page (Elementor Part)
After you’ve made all the changes in the WordPress page, click “Publish” from the right sidebar. Click “Edit With Elementor” and the event page editor will be redirected to Elementor.
Now that you’ve come to the Elementor Editor, it’s time to design the event page based on your preferences. Here you can use the drag-and-drop feature of the Elementor plugin to design the entire page.
On the page top, drag the “Image” widget and drop it on the page to add a new image. Click on “Choose Image” to upload a new image. You can also make style changes, and other fundamental edits to the image.
Now, with the “Heading” widget you can add a convenient heading for the event. Make all the style changes(bold, H1-H6 tags, colour, font, size, padding) from the menu.
Give a long scroll downward to find the WooCommerce Event Manager features section. Now, it’s time to spread the magic of the WpEvently plugin from WooCommerce.
Here, you can use these drag and drop widgets to add “event date time, Event location, add to cart(booking tickets) section, and much more.
Let’s see the wonder of the “Event Add to Cart” widget!
With the “Event Location” widget, you’ll have the opportunity to add a map view as well.
With the Event Date Time widget, you can add a time schedule of the overall event, from the start time to the ending time stamp.
You can also add seat plan for event tickets, check out how to add seat plan for your event.
Step 6: Preview and Publish
Finally, we’re at the last step. You’ve made all those changes on your new event page, now click “Publish” to preserve it.
Before making it live, we recommend you to have a closer look at the Preview with the “Eye” icon from the left. Click on the “Responsive Mode” icon to check it for mobile compatibility before finalizing the page.
Let’s take a look at the live preview of your Elementor event page!
Loved the features and integrations of WpEvently? Let’s make your event page more organized and optimized TODAY!
Wrapping Up
You make all your info changes and edits from the WordPress editor. Then, Elementor does the rest with its easy-to-use drag-and-drop widgets to design your event page effortlessly.
Designing an engaging event page for your WordPress site is much easier with Elementor. It becomes much easier and more effective with the WooCommerce Event Manager Plugin – WpEvently.
It offers such an enormous list of features that even with the free version, you can design an awesome event page like the one we created above. With the Pro version, you can access a bunch of other features to add more convenience to the table.
You must be logged in to post a comment.