Adding Events is Easy With the WordPress Block Editor

How the Block Editor Makes Adding Events Easier

The WordPress Block Editor was released in December 2018 and the WordPress community hasn’t been the same since. In case you haven’t heard, the Block Editor introduced the concept of building and moving content in parts rather than through a single area of text.

This is especially helpful when it comes to creating events with The Events Calendar. With so many event block possibilities, you can quickly rearrange them to customize the content precisely as you want it. Rather than use a block of material, you can stack and rearrange each component on the backend so that it looks similar to how the end-user would see your events.

Let’s take a look at how using the Block Editor with The Events Calendar can help to make event creation even easier. 

Get Started with the WordPress Block Editor

We’ve made it easy to use the Block Editor when creating events. By default, you’ll find that the Block Editor is already enabled for you. This setting is located under Events Settings > General.

Activate Block Editor settings under Events Settings > General

If you’d prefer to take things slowly, you can always uncheck this option to test out the block editor with a default theme. Even better, use a staging site to test updates before going live.

Next, you can make some choices about the events template you are using. For events, use either the Default Page Template or the Default Events Template found under Events Settings > Display. However, if you’d like to utilize the color block options, we’d recommend sticking with the Default Page Template option.

Color Block options with the WordPress Block Editor

Use event blocks to move content

We offer event blocks to personalize your event pages with all of the information that your individual events may need. Use those blocks to your advantage by only including the blocks you need on the page and then reshuffle them accordingly. Here is what you’ll see when you add a new event with the block editor:

Event block options with the WordPress Block Editor for The Events Calendar

Click on any of the blocks to add your content. Then use the arrows to shift the content up or down. Any of the blocks that you do not add content to won’t show up on the frontend.

Move blocks up or down using arrows

Pro tip: When using the block editor, the featured image that you add on the sidebar will not automatically appear on your event page. If you’d like to include a featured image on your event page, simply add a featured image block with your desired image. Then use the arrows to place the image in your desired area.

If you find yourself using the same blocks over and over again, you can create your own default event template using the WordPress block editor. This way, your event page will be ready for content without making changes to the layout each time. Simply add a snippet to your functions.php files and you’ll be all set!

Lastly, if you’re using Event Tickets and Event Tickets Plus, you’ll see additional options for your RSVPs and tickets. You can use these blocks just as you would with event blocks: Reorder them, add more, and remove the ones you don’t need.

Use classic event details to keep it all in one place

If you’re into using the block editor, but you want to keep the classic event details available with the Classic Editor, we’ve got just the thing for you. To achieve this look, simply select the Event Details Classic block.

Event Classic Details block with the WordPress block editor

From there, you can edit all of your event content directly in the block itself and reposition it to wherever you’d like on the page.

Event classic details with the WordPress Block Editor

What’s coming up with the WordPress Block Editor

The transition towards the Block Editor was just the first step towards easier WordPress site creation. In case you haven’t heard, the WordPress community is hard at work in creating Full Site Editor, with blocks all over WordPress sites, instead of just on pages and posts. These will be on headers, footers, and other areas that were previously more difficult to edit without blocks. Once you’re comfortable using the Block Editor, using it will become so intuitive that you’ll forget that you’ve ever done it any other way.

We will continue bringing our customers improved support for the WordPress Block Editor. We’ve started this transformation by adding the Virtual Event placeholder block. This feature marks the beginning of our journey towards Block Editor support with our Virtual Events plugin, and there’s even more to come.