Embedding Eventbrite events on your WordPress website can enhance your event management and promotion efforts. By using the Gutenberg Block Editor, you can easily integrate Eventbrite events using shortcodes. This guide will walk you through the steps to embed Eventbrite events for free using a shortcode within the Gutenberg Block Editor.
Note: To embed your events via Eventbrite, you must have installed and activated the “Display Eventbrite Events” plugin, free or premium.
Why Use Gutenberg Block Editor?
The Gutenberg Block Editor is the default WordPress editor that allows you to create content using blocks. It simplifies the process of adding and arranging content on your pages and posts. Using a shortcode block in Gutenberg makes embedding Eventbrite events straightforward and efficient.
Step-by-Step Guide to Embedding Eventbrite Events
Step 1: Install the Display Eventbrite Events Plugin
First, you need to install the “Display Eventbrite Events” plugin by Fullworks.
- Access Your WordPress Dashboard: Navigate to Plugins > Add New.
- Search for “Display Eventbrite Events”: Click Install Now.
- Activate the Plugin: Once installed, activate the plugin.
The below guide will also help you install and activate the plugin.
Free Version
See here (Guide): https://fullworksplugins.com/docs/display-eventbrite-events-in-wordpress/installation-display-eventbrite-events-in-wordpress/installing-the-free-plugin/
See here (Video): https://youtu.be/XVEJ3U2h3dI
Premium Version
See here (Guide): https://fullworksplugins.com/docs/display-eventbrite-events-in-wordpress/installation-display-eventbrite-events-in-wordpress/installing-the-pro-plugin/
Step 2: Connect Your Eventbrite Account
After activating the plugin, you need to connect your Eventbrite account to the plugin to fetch event data.
- Getting an API key is easy.
- Login to your Eventbrite account. (if you don’t have one, create a free one)
- Go to the Developer Portal and click “Get a Free API Key” to retrieve your API key.
Note: If you end up on a different screen e.g. generate a new key Application URL Application name and Description you do not need to enter anything specific, just give it a name. The key is called ‘Your Private Token’.
Step 3: Generate the Shortcode
- Navigate to the “Eventbrite Shortcode Demo” Page here:
https://fullworksplugins.com/products/widget-for-eventbrite/eventbrite-shortcode-demo/ - Customize the Shortcode: Choose the events you want to display and customize the shortcode settings. Options may include selecting specific events, choosing a layout (grid, list, etc.), and configuring display options like showing event images, dates, and descriptions.
- Generate the Shortcode: The basic shortcode will be automatically generated.
Step 4: Add the Shortcode to a Gutenberg Block
- Create or Edit a Page/Post: Navigate to the page or post where you want to embed the Eventbrite events.
- Add a Shortcode Block: Click on the “+” button to add a new block and select the “Shortcode” block.
- Paste the Shortcode: In the Shortcode block, paste the generated shortcode.
- Publish or Update the Page/Post: Save your changes to see the embedded Eventbrite events on your site.
Example Shortcode
Here is an example of what a basic Eventbrite shortcode might look like:
[wfea popup="true"]
Customization Options
The “Display Eventbrite Events” plugin provides a wide range of customization options to tailor the display of your events. You can choose from different themes such as Widget, Card, One, Grid, Short Date, Accordion, Calendar, Calendar List, Slideshow, and Venue. Additionally, color schemes are customizable with options like Theme Elementor, Gray, Red, Orange, Green, Blue, Indigo, Purple, and Pink.
You can specify the number of events to display and enable pagination for multiple events. For display settings, you can enable or disable the Book Now button, show or hide excerpts of the event summary, display images in high resolution, and include a Read More link on excerpts. You also have options to show the full HTML description, use the full-length description, display only the start time, show the end date, and include the venue name. Other display options include showing availability numbers, displaying prices, and enabling a long description modal.
The plugin also offers enabling options such as linking directly to the Eventbrite ticket page, opening links in a new tab, handling duplicate events for multi-organization setups, enabling on-site checkout via a popup, and adding a search function.
For filtering events, you can filter by any keyword, venue name, title, tags, date ranges, and more complex logic through advanced filtering. Selection options allow you to choose events based on their status (live, started, ended, cancelled, draft, or all), categories, organizations, specific events, organizer IDs, subcategories, format IDs, and venue IDs.
The settings options provide further customization, such as changing the Book Now wording, adding custom CSS classes and IDs, ordering events by different criteria, setting a default image, specifying the length of descriptions, customizing the Read More wording, and setting the “No Events Found” text. You can also customize how venue information is displayed and sort events with advanced sorting options.
Download Now!
Embedding Eventbrite events on your WordPress website using a shortcode within the Gutenberg Block Editor is a simple and effective way to enhance your event promotion efforts. By following this guide, you can easily integrate Eventbrite events, customize their display, and optimize your site for better user engagement.
Start embedding your Eventbrite events today using shortcodes and the Gutenberg Block Editor to take your event management to the next level. Follow our guide to get started for free!
Leave a Reply