Divi Elements

Installation- Divi Element

1. Automatic Installation: You can install a plugin from the backend of your WordPress. Click Here to see how you can do an automatic installation.
2. Manual Installation: You can install the plugin manually using SFTP or FTP tool as well. Click Here to see how you can do a manual installation.

Please see in order to use the Divi element Plugin, You need to have the DIVI theme activated on your site. You can click here to see a step-by-step guide on how to install the Divi Theme.

How to Build Your Event Listing Page Using Divi Builder.

1. Go to WP Admin >> Pages>> Add New.



2. Now Click on Use the Divi Builder to edit the Event Listing.



3. You will now be redirected to the Divi Builder page editor.
4. Click on Start Building.

The Modules available are:

1. Event Dashboard.
2. Event Listing.
3. Event Organizer.
4. Event Venue.
5. Past Event Listing.
6. Upcoming event Listing.
7. Single event listing.
8. Single event Summary.
9. Submit event form.
10. Upcoming event listing.

How to Insert an Event Dashboard Page.

1. Click on the Grey/Blue Plus Button on your Divi Editor.



2. Select the layout that you desire to build your page in.



3. Search for Event Dashboard in the search bar of the Module.



4. You will Find the settings for the event dashboard.



5. Adjust to the settings in terms of how many Events to be listed on your dashboard.



6. Click on the Blue tick mark.



7. Publish and preview your page.

The element Event Dashboard can be inserted on any page using this module.

How to Insert an Event Listing Page.

1. Click on the Plus Button on your Divi Editor.
2. Search for Event Listing in the search bar of the Module.
   
3. You will find the settings for the Event Listing.
4. Adjust to the settings in terms of how many Events to be listed on your event listing page.
   • Event View type: This will let you select if the event listing should be in list view or box view by default. Leave it empty if you want both.
     
   • Events per page: This lets you decide, the number of listing by default on your listing page.
   • Show Pagination: This lets you decide if you want 1-2-3 page numbers or Load more.
   • Order by: This lets you decide if you want to order your events in which order.
   • Order: You can decide if the order of the event shall be in Ascending or descending order.
   • Show Filters: This lets you decide if you want the search filter to appear on the page or not.
   • Select Categories: This lets you decide if you wish to filter the listing on the basis of the Category.
   • Select Event Type: This lets you decide if you wish to filter the listing on the basis of the Type.
   • Featured: This lets you filter the events on the basis of a Featured listing.
   • Canceled: This lets you filter the events on the basis of the Cancelled listing.
   • Location: This lets you filter the events on the basis of Location.
   • Keywords: This lets you filter the events on the basis of Keywords.
5. Click on the Bluetick mark.
6. Publish and preview your page.

The element Event Listing can be inserted on any page using this module.

How to Insert an Upcoming Event Listing Page.

1. Click on the Plus Button on your Divi Editor.
2. Search for Upcoming Event Listing in the search bar of the Module
3. You will find the settings for the Upcoming event Listing.
   
4. Adjust to the settings in terms of how many Events to be listed on your Upcoming Event listing page.
   • Show Pagination: This lets you decide if you want 1-2-3 page numbers or Load more.
   • Events per page: This lets you decide the number of listings by default on your listing page.
     
   • Order by: This lets you decide if you want to order your events in which order.
   • Order: You can decide if the order of the event shall be in Ascending or descending order.
   • Select Categories: This lets you decide if you wish to filter the listing on the basis of the Category.
   • Select Event Type: This lets you decide if you wish to filter the listing on the basis of the Type.
   • Featured: This lets you filter the events on the basis of a Featured listing.
   • Cancelled: This lets you filter the events on the basis of the Cancelled listing.
   • Location: This lets you filter the events on the basis of Location.
   • Keywords: This lets you filter the events on the basis of Keywords.
5. Click on the Blue tick mark.
6. Publish and preview your page.

The element Upcoming Event Listing can be inserted on any page using this module.

How to Insert a Past Event Listing Page.

1. Click on the Grey Plus Button on your Divi Editor.
2. Search for Past Event Listing in the search bar of the Module
   
3. You will find the settings for the Past Event Listing.
4. Adjust to the settings in terms of how many Events to be listed on your Past Event listing page.
   • Show Pagination: This lets you decide if you want 1-2-3 page numbers or Load more.
   • Events per page: This lets you decide the number of listings by default on your listing page.
     
   • Order by: This lets you decide if you want to order your events in which order.
   • Order: You can decide if the order of the event shall be in Ascending or descending order.
   • Select Categories: This lets you decide if you wish to filter the listing on the basis of the Category.
   • Select Event Type: This lets you decide if you wish to filter the listing on the basis of the Type.
   • Featured: This lets you filter the events on the basis of a Featured listing.
   • Cancelled: This lets you filter the events on the basis of the Cancelled listing.
   • Location: This lets you filter the events on the basis of Location.
   • Keywords: This lets you filter the events on the basis of Keywords.
5. Click on the Blue tick mark.
6. Publish and preview your page.

The element Past Event Listing can be inserted on any page using this module.

How to Insert an Event Organizer Page.

1. Click on the Grey Plus Button on your Divi Editor.
2. Search for Event Organizer in the search bar of the Module.
   
3. You will find the settings for the Event Organizers.
4. Adjust to the settings of the organizer’s page.
   • Order by: This lets you decide if you want to order your events in which order.
     
   • Order: You can decide if the order of the event shall be in Ascending or descending order.
   • Show Thumb: This will let you showcase the thumbnail of the organizers on the organizer’s page.
   • Show count: This will let you show the count of the numbers of the organizers on the page.
5. Click on the Bluetick mark.
6. Publish and preview your page.

The element Event Organizer can be inserted on any page using this module.

How to Insert an Event Venue Page.

1. Click on the Grey Plus Button on your Divi Editor.
2. Search for Event Venue in the search bar of the Module.
   
3. You will find the settings for the Event Venues.
4. Adjust to the settings of the Event Venue page.
   • Order by: This lets you decide if you want to order your events in which order.
     
   • Order: You can decide if the order of the event shall be in Ascending or descending order.
   • Show Thumb:This will let you showcase the thumbnail of the organizers on the organizer’s page.
   • Show count:This will let you show the count of the numbers of the organizers on the page.
5. Click on the Bluetick mark.
6. Publish and preview your page.

The element Event venue can be inserted on any page using this module.

How to Insert a Submit Event Form.

1. Click on the Grey Plus Button on your Divi Editor.
   
2. Search for Submit Event Form in the search bar of the Module.
   
3. Click on the Bluetick mark.
4. Publish and preview your page.

The element Submit Event form can be inserted on any page using this module.

How to Insert a Single Event page.

1. Click on the Grey Plus Button on your Divi Editor.
2. Search for the Single Event page in the search bar of the Module.
   
3. You will find the settings for the Single event page.
4. In the settings, select the event name that you want to add to the page.
   
5. Click on the Bluetick mark.
6. Publish and preview your page.

The element Single event Page can be inserted on any page using this module.

How to Insert a Single Event Summary page.

1. Click on the Grey Plus Button on your Divi Editor.
2. Search for Single Event Summary in the search bar of the Module.
   
3. You will find the settings for the Single event summary page.
4. Adjust to the settings of the event summary page.
   • Select event: This lets you select the events to be summarised.
     
   • Align: You can align the listings in left, right or centre.
   • Featured: Let’s you list featured listings.
   • Limit: Let’s you limit the number of events to be summarised on-page.
5. Click on the Bluetick mark.
6. Publish and preview your page.

The element Single Event Summary page can be inserted on any page using this module.

Was this article helpful?

2 3

How can we improve this article?

How Can We Improve This Article?

Name

Email

Submit