Events Grid View Template


Display your events in a grid view with featured images. Attendees attendee can hover over an event to see more information and click to start their event registration.

Event organizers go for Event Espresso so they can handle registrations for different types of events like conferences, classes, workshops, nonprofit events, and more.

Use the Events Grid View Template so you can feature your events in a grid layout. Your attendees can then hover over an event that they are interested in and click to view more about the event so they can start a registration.

Here are some ways that our event organizers use the Events Grid View Template add-on for their events:

– Show a grid of different event categories like art classes and pottery classes
– Group seasonal events like spring, summer, etc in a masonry layout
– Display a group of business classes like Facebook ads

An example of the Events Grid View Template with various events


An example of the Events Grid View Template with art and painting classes


An example of the Events Grid View Template with events for a film festival

 

Why the Events Grid View Template?

 

Events are a powerful way to invest and therefore grow your organization, and a solution like Event Espresso can make that a reality for you.

For a nonprofit organization or a charity, an annual fundraiser like a banquet or a gala can be the difference between having enough funds to support the group’s mission for the next year.

And for a business, an events solution that gets the job done is just as important.

Event Espresso and the Events Grid View Template add-on are your tools in your toolbox for organizing and hosting your events.

How do you plan to invest in your business or organization’s events?

Your answer could take you on a path to an event’s solution that works for you around the clock, or you can try piecing together various products and hope that it works.

 

Everything I need to hold seminars and workshops. Don’t let the name ‘event espresso’ fool you. Packed into a few letters is one very powerful plug in. My website runs Event Espresso for all my seminars and workshops open to the public. I have the full package that integrates all my payments, populates my calendar, sends email confirmations that I can create my custom templates for. I can set up an event and wait for sign up notifications without having to keep checking. There are a lot of apps for events and this was absolutely the smart choice for me. – kimslaunwhite

 

How do I get started with the Events Grid View Template for my events?

 

Are you already using Event Espresso for your event registrations on your WordPress website? You can purchase the Events Grid View Template for Event Espresso here while logged into your account on EventEspresso.com. You’ll then see Events Grid View Template in your downloads area in the lower right of your account page.

Need a support license for Event Espresso?

Here are the steps to get started with Event Espresso and Events Grid View Template today.

1) Join other event organizers who have chosen Event Espresso for their event registrations and purchase a support license for Event Espresso right now

2) Afterward, you’ll be logged into your new account on EventEspresso.com and, a welcome email will be sent to your email address

3) Follow the quick start guide for Event Espresso to get up and running quickly with your events through Event Espresso and Events Grid View Template.

 

Frequently asked questions about the Events Grid View Template add-on

 

Is a WordPress website required?
Event Espresso and the Events Grid View Template extension are both plugins for WordPress so you’ll need a website running WordPress to use them. If you don’t currently have a website, then check out Event Smart where you can show your events on a grid, and accept online event registrations from your attendees.

How are events added to the Events Grid View Template and how about event images?
The Events Grid View Template add-on uses the following shortcode on a WordPress page of your choice: [ESPRESSO_GRID_TEMPLATE]
Once it has been added, then events will automatically be shown in a grid layout and if you’ve added a featured image to an event, then it will also be shown.

What are some of the customization options that are available?
The Events Grid View Template extension supports adding parameters which change the functionality. These parameters can help you do things like change the default image shown when an event doesn’t have a picture, show events from a specific event category and adjust the order that events appear in.

We also have examples on how to customize the templates for the Events Grid View Template extension.

 

You are covered by our 30-day money back guarantee!

The Events Grid View Template documentation can help you with questions like:

– How do I install the add-on on my WordPress website once I’ve purchased it from EventEspresso.com?
– How do I set up the extension once I install and activate it on my WordPress website?
– What are some common questions about the add-on?

Check out the documentation for the Events Grid View Template extension.

Still, need more help? Log in to your account on EventEspresso.com and get help from our support team today.

Do NOT follow this link or you will be banned from the site!
[gravityform id=80 title=false description=false ajax=false]
<div class='gf_browser_unknown gform_wrapper' id='gform_wrapper_80' ><form method='post' enctype='multipart/form-data' id='gform_80' action='/product/eea-events-grid-view-template/'> <div class='gform_body'><ul id='gform_fields_80' class='gform_fields top_label form_sublabel_below description_below'><li id='field_80_1' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_1' >First name<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_80_1' type='text' value='' class='medium' aria-required="true" aria-invalid="false" /></div></li><li id='field_80_2' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_2' >Email address<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'> <input name='input_2' id='input_80_2' type='email' value='' class='medium' aria-required="true" aria-invalid="false" /> </div></li><li id='field_80_3' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' >GDPR Agreement<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_checkbox'><ul class='gfield_checkbox' id='input_80_3'><li class='gchoice_80_3_1'> <input name='input_3.1' type='checkbox' value='I consent to have this website store my submitted information so they can respond to my inquiry.' id='choice_80_3_1' /> <label for='choice_80_3_1' id='label_80_3_1'>I consent to have this website store my submitted information so they can respond to my inquiry.</label> </li></ul></div></li><li id='field_80_4' class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_4' >Email</label><div class='ginput_container'><input name='input_4' id='input_80_4' type='text' value='' autocomplete='off'/></div><div class='gfield_description' id='gfield_description_80_4'>This field is for validation purposes and should be left unchanged.</div></li> </ul></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_80' class='gform_button button' value='Download Now' onclick='if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} jQuery("#gform_80").trigger("submit",[true]); }' /> <input type='hidden' class='gform_hidden' name='is_submit_80' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='80' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_80' value='WyJbXSIsIjBiNjdjZjkyMDUzOWUxOWY5Y2NiZjIwMzM4YjA1Mjk4Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_80' id='gform_target_page_number_80' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_80' id='gform_source_page_number_80' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div><script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 80) {} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} );</script><script type='text/javascript'> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [80, 1]) } ); </script>
[i]
[i]
[gravityform id=99 title=false description=false]
<div class='gf_browser_unknown gform_wrapper' id='gform_wrapper_99' ><form method='post' enctype='multipart/form-data' id='gform_99' action='/product/eea-events-grid-view-template/'> <div class='gform_body'><ul id='gform_fields_99' class='gform_fields top_label form_sublabel_below description_below'><li id='field_99_1' class='gfield gfield_contains_required field_sublabel_hidden_label field_description_below gfield_visibility_visible' ><label class='gfield_label gfield_label_before_complex' >First name<span class='gfield_required'>*</span></label><div class='ginput_complex ginput_container no_prefix has_first_name no_middle_name no_last_name no_suffix gf_name_has_1 ginput_container_name' id='input_99_1'> <span id='input_99_1_3_container' class='name_first' > <input type='text' name='input_1.3' id='input_99_1_3' value='' aria-label='First name' aria-required="true" aria-invalid="false" placeholder='What is your first name?'/> <label for='input_99_1_3' class='hidden_sub_label screen-reader-text'>First</label> </span> </div></li><li id='field_99_2' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_99_2' >Email address<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'> <input name='input_2' id='input_99_2' type='email' value='' class='medium' placeholder='What is your email address?' aria-required="true" aria-invalid="false" /> </div></li><li id='field_99_3' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_99_3' >What is your #1 question about using the Events Grid View Template for your events?<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_99_3' type='text' value='' class='large' placeholder='What question can we answer for you today?' aria-required="true" aria-invalid="false" /></div></li><li id='field_99_6' class='gfield field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' >GDPR Agreement</label><div class='ginput_container ginput_container_checkbox'><ul class='gfield_checkbox' id='input_99_6'><li class='gchoice_99_6_1'> <input name='input_6.1' type='checkbox' value='I consent to have this website store my submitted information so they can respond to my inquiry.' id='choice_99_6_1' /> <label for='choice_99_6_1' id='label_99_6_1'>I consent to have this website store my submitted information so they can respond to my inquiry.</label> </li></ul></div></li><li id='field_99_4' class='gfield gform_hidden field_sublabel_below field_description_below gfield_visibility_visible' ><input name='input_4' id='input_99_4' type='hidden' class='gform_hidden' aria-invalid="false" value='' /></li><li id='field_99_5' class='gfield gform_hidden field_sublabel_below field_description_below gfield_visibility_visible' ><input name='input_5' id='input_99_5' type='hidden' class='gform_hidden' aria-invalid="false" value='https://eventespresso.com/product/eea-events-grid-view-template/' /></li><li id='field_99_7' class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_99_7' >Name</label><div class='ginput_container'><input name='input_7' id='input_99_7' type='text' value='' autocomplete='off'/></div><div class='gfield_description' id='gfield_description_99_7'>This field is for validation purposes and should be left unchanged.</div></li> </ul></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_99' class='gform_button button' value='Send My Message' onclick='if(window["gf_submitting_99"]){return false;} if( !jQuery("#gform_99")[0].checkValidity || jQuery("#gform_99")[0].checkValidity()){window["gf_submitting_99"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_99"]){return false;} if( !jQuery("#gform_99")[0].checkValidity || jQuery("#gform_99")[0].checkValidity()){window["gf_submitting_99"]=true;} jQuery("#gform_99").trigger("submit",[true]); }' /> <input type='hidden' class='gform_hidden' name='is_submit_99' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='99' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_99' value='WyJbXSIsIjBiNjdjZjkyMDUzOWUxOWY5Y2NiZjIwMzM4YjA1Mjk4Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_99' id='gform_target_page_number_99' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_99' id='gform_source_page_number_99' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div><script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 99) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} );</script><script type='text/javascript'> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [99, 1]) } ); </script>