Elementor Single Builder for MEC

Description

With the help of the Elementor Single Builder Addon, you can build your single event in Elementor Editor. It allows you to use various different types of fields and rearrange them using Elementor drag and drop features.

Before beginning to use Elementor Single Builder for MEC, you need to make sure that MEC is already updated to the latest version and the Elementor plugin is installed.

NOTE: Single Builder Addon works with MEC version 4.3.1 and higher.

Elementor Single Builder Addon
Elementor Single Builder for MEC 1

Elementor Single Builder Addon Settings:

Make sure to enable the following option shown on the image below:

Elementor Single Builder Addon
Elementor Single Builder for MEC 2

Now you will be able to set different templates for the Single Event Page and then set them for all the Single Event Pages or only for a certain one.

It can also be applied to all Pop-up Modals, or only to a specific Pop-up Modal.

single event templates 2 - Elementor Single Builder Addon
Elementor Single Builder for MEC 3

There is a category called MEC Single Builder in the Elementor sidebar, where you can add MEC widgets to the section using the Elementor drag and drop feature.

single builder 02 1 - Elementor Single Builder Addon
Elementor Single Builder for MEC 4

Now, using the new features in the Elementor, you can easily customize the colors, fonts, sizes, etc.

single builder 03 2 - Elementor Single Builder Addon
Elementor Single Builder for MEC 5

When adding some of these widgets, you might face a message and cannot see the preview of the widget. To resolve the issue, you need to check to make sure the widget you have added to the page is already enabled in the MEC Settings.

2023 08 14 12 45 57 - Elementor Single Builder Addon
Elementor Single Builder for MEC 6

 

Important Tips to Consider About the Single Builder Addon

Keep in mind that:

  • All the information displayed for your last event will be available in Page Builder as well. So in order to have the widget displayed with all the information and without any problems, you should set the right content on your last event.
  • You can set a specific event to display in the Elementor edit page on the Single Builder addon as the default template. You can set it in the path on MEC> Settings> Single Event> Single Event Page> Default Single Event Template on Elementor
2023 08 14 12 48 48 - Elementor Single Builder Addon
Elementor Single Builder for MEC 7
  • If Booking Style is set to Modal on the Single Event page, then you must add the widget for the Register Button to the page. To do that, follow the path Appearance> Widgets> MEC Single Sidebar.
mec settings single event register button widget 1 - Elementor Single Builder Addon
Elementor Single Builder for MEC 8
  • If you want to view the Template you’ve created, first, you’ll need to choose Elementor Single Builder from the Single Event Settings which is in the MEC Settings on your WordPress dashboard. Then make sure to check if the change has gone through by viewing one of your events from MEC > All Events.
2023 08 14 12 48 48 1 - Elementor Single Builder Addon
Elementor Single Builder for MEC 9
  • Also If you want to set a particular template for default Single Event or for default Modal View you can choose the style by simply selecting them in Single Event Settings.
2023 08 14 12 48 48 2 - Elementor Single Builder Addon
Elementor Single Builder for MEC 10
If you are using version 1.5.0 or higher of the add-on

Your shortcodes with “Modal Popup” change to the builders of the Single Builder style. In this version, you are allowed to create unlimited styles for your events for both the main Single Event and the Shortcodes that will be in the form of Modal Popup. If you want to use the same style(default / modern and fluent styles), head over to the Elementor Template menu and import your desired style for the Single Builder.

 

 

mec settings import default single template 1 - Elementor Single Builder Addon
Elementor Single Builder for MEC 11

You can find the JSON file of your desired Single Event style that was created with Elementor here: Download Elementor Single Event Styles

Now you can create several templates and set them for different Single Events like one for the main page and the other for the Modal Popup Single Event.

choose template 1 - Elementor Single Builder Addon
Elementor Single Builder for MEC 12

After you made all these changes, clear the site cache, and enjoy the new design.

Full Width in Single Builder Addon

If you need to design a full-width single event page :

First set MEC Settings > Appearance > Container Width option to 100%.

mec settings style container width 2 - Elementor Single Builder Addon
Elementor Single Builder for MEC 13

Then set the section Layout > Current Width on Elementor to “Full Width” and enable the “Stretch Section” option found a bit lower on the sidebar:

elementor edit section full width 2 - Elementor Single Builder Addon
Elementor Single Builder for MEC 14

There are no reviews yet.

Write a review

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.