# Documentation

> Complete Event Feed for Eventbrite documentation. Generated from https://eventfeed.click/docs/.

## Getting Started

### [Installing WordPress plugin](https://eventfeed.click/docs/installing-wordpress-plugin/)

*Event Feed for Eventbrite is installed just like any other WordPress plugin.*

#### Installing the plugin from WordPress Admin Dashboard

The easiest way to install Event Feed for Eventbrite is through the WordPress Plugin Directory.

To do that, log into WordPress, navigate to the **Plugins** screen, and click the **"Add New"** button. That opens up a screen where you can search for the plugin.

[![Installing Event Feed for Eventbrite from WordPress Admin Dashboard](https://eventfeed.click/wp-content/uploads/2021/08/installing-plugin.png)](https://eventfeed.click/wp-content/uploads/2021/08/installing-plugin.png)

Click **"Install Now"** and wait until WordPress finishes the installation. Once it is done, you will have the option to activate the plugin.

After activation is complete, you will see the setup screen where you can [connect the plugin to Eventbrite](https://eventfeed.click/docs/connecting-to-eventbrite/).

#### Installing plugin via FTP

The other way to install a plugin is a little more hands-on because it requires you to have access to your website's server.

First, navigate to the [Event Feed for Eventbrite plugin's page](https://wordpress.org/plugins/event-feed-for-eventbrite/) on WordPress.org and click on the **"Download"** button.

After the download is complete, unzip the downloaded .zip file to your computer. This will leave you with a folder called *"event-feed-for-eventbrite"*.

To upload Event Feed for Eventbrite through FTP, connect to your website using your favorite FTP program. If you are not familiar with FTP programs, we recommend using [Filezilla](https://filezilla-project.org/).

If you do not have the FTP connection info for your website, it can be obtained from your hosting company's control panel for your website.

Once you are connected to your site via FTP, navigate to the *"/wp-content/plugins/"* directory and upload the *"event-feed-for-eventbrite"* folder. The final folder path will be *"/wp-content/plugins/event-feed-for-eventbrite/"*.

Once the folder is uploaded, log into your WordPress site, navigate to **Plugins**, locate Event Feed for Eventbrite and click **"Activate Plugin"**.

After activation is complete, you will see the setup screen where you can [connect the plugin to Eventbrite](https://eventfeed.click/docs/connecting-to-eventbrite/).

If you are unfamiliar with how to use FTP, we recommend [reading this article](http://www.wikihow.com/Use-FTP).

### [Connecting to Eventbrite](https://eventfeed.click/docs/connecting-to-eventbrite/)

*Before you can show events on your website, you need to connect the plugin to your Eventbrite account. You can do that with the Eventbrite private token.*

#### Getting your Eventbrite private token

To get your private token, navigate to this link or copy this URL to your web browser:
[https://www.eventbrite.com/platform/api-keys](https://www.eventbrite.com/platform/api-keys)

If you are not logged to Eventbrite, click on the **"Get a Free API Key"** button and log in.

When logged in, you should be able to see your private token. Copy it to the clipboard by clicking on the **"Copy"** button.

[![Copying Eventbrite private token into clipboard](https://eventfeed.click/wp-content/uploads/2021/09/connecting-to-eventbrite.png)](https://eventfeed.click/wp-content/uploads/2021/09/connecting-to-eventbrite.png)

Now head back into the plugin installation wizard and paste the copied token into the input field. Don't forget to click on the **"Save token"** button.

[![Pasting Eventbrite private token to setup screen](https://eventfeed.click/wp-content/uploads/2021/09/connecting-to-eventbrite-paste.png)](https://eventfeed.click/wp-content/uploads/2021/09/connecting-to-eventbrite-paste.png)

If you have been redirected to the next screen with the **"Successfully connected to Eventbrite."** message, you are all set.

#### Changing your Eventbrite private token

If you are changing your private token or have previously navigated away from the Getting started screen, you can go to **Eventbrite Events →** **Settings** and enter the token there.

After copying the private token from the Eventbrite website, click on the **"Save changes"** button.

[![Pasting Eventbrite private token to plugin's settings](https://eventfeed.click/wp-content/uploads/2021/09/connecting-to-eventbrite-settings-paste.png)](https://eventfeed.click/wp-content/uploads/2021/09/connecting-to-eventbrite-settings-paste.png)

The WordPress plugin will now validate your token - after the successful validation, the Eventbrite status should change to **"Connected"**.

Now when the connection to Eventbrite is fully established, we can look at [creating an event feed](https://eventfeed.click/docs/creating-event-feed/).

## Customizing Event Feed

### [Creating event feed](https://eventfeed.click/docs/creating-event-feed/)

*You can create event feeds the same way you create posts in WordPress.*

Navigate to **"Eventbrite Events"** and click on the **"Add New"** button on top of the screen. Now you should see the editing screen where you can add a new event feed.

[![Creating event feed from WordPress admin dashboard](https://eventfeed.click/wp-content/uploads/2021/09/creating-event-feed.png)](https://eventfeed.click/wp-content/uploads/2021/09/creating-event-feed.png)

On the editing screen, you can see multiple boxes with different settings. We will cover those settings in later chapters, but to publish a new event feed, you always want to fill at least the name of the event feed (for now, you can leave other fields on their default values).

When you are happy with the result, click on the **"Publish"** or **"Update"** button in the top right corner of the editing screen (depending on if you are creating or editing the event feed) - this will save all the changes to the database, so you don't lose them after leaving this screen.

[![Entering the name of event feed and saving it](https://eventfeed.click/wp-content/uploads/2021/09/name-event-feed.png)](https://eventfeed.click/wp-content/uploads/2021/09/name-event-feed.png)

After your event feed is successfully saved, it will appear in the list of all published feeds. The previous screen will now look like this. When you click on the event feed title, you can get back to the editing screen and make more changes.

[![Viewing the list of published event feeds](https://eventfeed.click/wp-content/uploads/2021/09/creating-event-feed-list.png)](https://eventfeed.click/wp-content/uploads/2021/09/creating-event-feed-list.png)

Now that you know how to create event feeds let's [choose a suitable layout](https://eventfeed.click/docs/choosing-layout/).

### [Choosing layout](https://eventfeed.click/docs/choosing-layout/)

*In this chapter, we will look at how to pick the best layout for your event feed.*

If you are using the Free version of Event Feed for Eventbrite, at the moment, you can choose from the [List](#list-layout) and [Widget](#widget-layout) layout. [Premium users](https://eventfeed.click/pricing/) can use two additional layouts - [Grid](#grid-layout) and [Cards](#cards-layout).

#### List layout

List layout is a basic layout that you can use at any place on your website where you have enough horizontal space. Although if you have a full-width area, Grid or Cards layout could be a better option for their ability to display more than one event per row.

[event-feed id=226]

#### Widget layout

Widget layout is optimized for a sidebar or any place on your website with limited horizontal space but enough vertical space. You can also use it if you prefer to display the event image above the event details instead of next to each other (like in List layout).

[event-feed id=244]

#### Grid layout

The Grid layout can fit any place on your website thanks to its high flexibility. You can use it in full-width areas, areas with limited horizontal space, as well as in the sidebar. In addition, you can adjust the number of columns depending on the window's width. With these [responsive settings](https://eventfeed.click/docs/responsive-settings/), your events will look great on laptops, computers, and mobile devices. Grid is the perfect option if your website has a white background - if you are using another color, look at the [Cards layout](#cards-layout).

[event-feed id=255]

#### Cards layout

Similar to the [Grid layout](#grid-layout), Cards layout is highly flexible due to its [responsive settings](https://eventfeed.click/docs/responsive-settings/). When correctly set up, it easily fits any area on your website. The advantage of this layout is that if your page has a different than a white background, your event cards will stand out (because of the cards' white background and the subtle shadow around them). This contrast allows your events to be even more attractive and appealing to your visitors.

[event-feed id=256]

In the next chapter, we will take a look at [responsive settings](https://eventfeed.click/docs/responsive-settings/).

### [Responsive settings](https://eventfeed.click/docs/responsive-settings/)

*With the right responsive settings, your event feed will look great on all devices.*

#### Number of columns

When using Grid or Cards layout, you can specify how many columns to display in your event feed on different device types. Currently, there are four device types available:

- Desktop computers and laptops (window width 1280 pixels and more)
- Large tablet devices (window width 1024 to 1279 pixels)
- Small tablet devices (window width 768 to 1023 pixels)
- Mobile devices (window width less than 767 pixels)

If you show three or four columns on desktop computers, it's usually a good idea to lower the number of columns on smaller devices, so event cards are not too narrow there. For example, on tablets, you can set two columns. On mobile devices, we recommend displaying just a single column.

[![Settings number of columns for different devices](https://eventfeed.click/wp-content/uploads/2025/08/responsive-settings-1.png)](https://eventfeed.click/wp-content/uploads/2025/08/responsive-settings-1.png)

#### Number of displayed events

You can also specify the total number of displayed events for each device type.

This option can come in handy when you have, for example, four columns set for desktop computers and three for tablet devices. On desktop computers, you would select eight events to be displayed in total, so you have two entire rows of events on your page. However, you wouldn't have enough events on tablet devices to fill the third row (there will be an empty gap at the end of the third row). To prevent that, you can set the total number of displayed events on tablet devices differently (let's say six or nine events), so you keep your layout clean on every device.

There is also an option to display all events without any limit. Choose this option only if you don't have many events; otherwise, your event feed can get really long. Therefore, we generally don't recommend setting this option.

[![Settings number of columns for different devices](https://eventfeed.click/wp-content/uploads/2025/08/responsive-settings-2.png)](https://eventfeed.click/wp-content/uploads/2025/08/responsive-settings-2.png)

In the next chapter, let's look at [what event information you can display to your users](https://eventfeed.click/docs/displayed-information/).

### [Customizing color](https://eventfeed.click/docs/customizing-color/)

*We designed Event Feed for Eventbrite with customization in mind, so it can always match your awesome brand. Feel free to change the default blue to any other color.*

Customizing the color of your event feed is really easy - you can either click on the input field and choose the suitable color from the color picker or enter the exact HEX code of your brand color. If unsure how to get the HEX color code, [this article may help](https://www.wikihow.com/Get-the-Hex-Code-of-a-Color-on-Your-Computer-Screen).

[![Customizing color of your event feed is really easy](https://eventfeed.click/wp-content/uploads/2021/10/theme-color.png)](https://eventfeed.click/wp-content/uploads/2021/10/theme-color.png)

After saving your event feed, the new color will be applied to all event dates, buttons, and links. The only elements that stay unchanged are buttons and links in Ticket Checkout - those are provided by Eventbrite (in an iframe), so we are not allowed to style them.

Here is the event preview with customized color.

[![Event preview with customized color ](https://eventfeed.click/wp-content/uploads/2021/10/theme-color-result.png)](https://eventfeed.click/wp-content/uploads/2021/10/theme-color-result.png)

### [Displayed information](https://eventfeed.click/docs/displayed-information/)

*When publishing your event feed, you have complete control over what information will be visible to your visitors.*

#### Visibility of event details

If you want to show/hide any information from the event preview, check/uncheck it in the event feed settings. Here is the schema of all event details you can display on your event preview. Note that there are two places where you can show the event price - either on top of the event image or under the event description.

[![Control displayed information on the event preview](https://eventfeed.click/wp-content/uploads/2021/09/displayed-information.png)](https://eventfeed.click/wp-content/uploads/2021/09/displayed-information.png)

#### Trimming long titles or descriptions

Sometimes the event's title or description can be too long and break your layout - in those situations trimming its length can be a good idea. To do so, set the maximum number of characters in the event preview settings - our plugin will automatically shorten any text with more than the specified number of characters and append the ellipsis behind it.

#### Customizing buttons

If you want to use different text for the Register/Buy tickets button or View details button, you can customize them in the settings. There are two options for the tickets button - one is for the paid events, another one for the events that are free of charge or donation-based.

Now that you are happy with the event preview let's [customize event details in the popup](https://eventfeed.click/docs/event-details-popup/).

### [Event details popup](https://eventfeed.click/docs/event-details-popup/)

*If you want to make the process of getting information about your events as easy as possible for your attendees, the event details popup gives you all the superpowers.*

#### Advantages of using the Event details popup

With the extended popup, users can see all the event information directly from your website. That includes the full event description with all the images and videos you added on Eventbrite, Google map with the event location, and information about the event organizer. Users also have an option to add their favorite events to their calendar of choice. All that without leaving your website, increasing your brand awareness, and reducing the risk of losing your potential attendees to the other events.

The event details popup is also fully integrated with the [Ticket Checkout](https://eventfeed.click/docs/ticket-checkout/), so users can easily switch between reading information about the event and buying the event ticket.

[![Event details popup is fully integrated with the Ticket Checkout ](https://eventfeed.click/wp-content/uploads/2021/09/popup-flow.png)](https://eventfeed.click/wp-content/uploads/2021/09/popup-flow.png)

#### Activating Event details popup

To activate the Event details popup, go into the event feed settings and turn on the **"****Show event details in a popup"** toggle button. After activation, the users will no longer be redirected to Eventbrite after clicking the title of your event or the **"View details"** button. Now let's look at all the popup functionalities in detail.

#### Full Event description

Besides all the necessary event information like event name, date and time, and venue address, the popup contains the full-length event description with the same formatting as entered on the Eventbrite website. That means all your images, videos, headings, ordered/unordered lists, etc., you entered in the Details tab when creating the event will also show here.

#### **Add to Calendar button**

If you want to give your users the option to export their favorite events to the calendar, activate this functionality. After clicking on the **"Add to calendar"** button, users can choose to which calendar they want to export the selected event. Currently, they can export events to:

- Google Calendar,
- Outlook Calendar,
- Office365 Calendar,
- Yahoo Calendar,
- or download the .ics file (allowing export to iCalendar).

#### Google Map

After activating this option, the Google map will appear under the event description, showing the venue address and the exact location pinned on the map. The map allows the user to zoom in/out, move the map or open the full Google Maps application in the new browser's window. If you deactivate the map, users can still open the Google Maps in the new browser's window after clicking on the venue address in the top part of the popup.

#### Event Organizer information

Another feature is displaying the Event organizers' photo, name, description, links to their social media profiles, and their personal website at the end of the popup. This information is automatically pulled from Eventbrite and has the same structure as you can see on Eventbrite's event detail page.

#### Link to Eventbrite

If you plan to use the Event details popup combined with the Ticket popup, but you still want to allow your visitors to go to the Eventbrite website, you can activate this feature. It will add the link **"View on Eventbrite"** to the popup footer. This option is disabled by default.

### [Ticket checkout](https://eventfeed.click/docs/ticket-checkout/)

*Thanks to the Ticket Checkout embedded into the popup, your attendees can now get their event tickets directly from your website.*

Ticket Checkout appears after clicking on the **"Sign up/Buy ticket"** button and allows your users to obtain the tickets for your events. You have two options while setting up the Ticket Checkout. You can either redirect the user to the Eventbrite website and open the Ticket popup there or open the Ticket popup directly on your website.

[![Using the Ticket popup to buy ticket for Eventbrite event](https://eventfeed.click/wp-content/uploads/2021/09/ticket-flow.png)](https://eventfeed.click/wp-content/uploads/2021/09/ticket-flow.png)

We highly recommend not redirecting the user away and using the embedded checkout because it's less distracting for your users and increases the chance of converting them into attendees.

The Ticket popup requires a valid SSL certificate (your website needs to use secure HTTPS protocol). If your website is using a non-secure HTTP protocol, the Ticket popup won't show. That also applies if you develop your website locally.

If you are serious about the user experience, be sure to check the [Event details popup](https://eventfeed.click/docs/event-details-popup/) and consider upgrading to our [Premium plan](https://eventfeed.click/pricing/) - it's making the whole process of getting event information and buying the ticket a breeze.

### [Event filters](https://eventfeed.click/docs/event-filters/)

*Event filters allow you to filter out which Eventbrite events will be displayed in your feed based on time, privacy, venue type, name, and location.*

#### Privacy Filter

[![](https://eventfeed.click/wp-content/uploads/2021/09/event-filters1.png)](https://eventfeed.click/wp-content/uploads/2021/09/event-filters1.png)

You can mark your events either public or private on Eventbrite. Private events will not be visible on Eventbrite and in the search engines. In the Event Feed for Eventbrite, you have the option to override these settings.

Either you can show all events regardless of their privacy settings, or just one of the mentioned groups. You can, for example, create the event feed only consisting of private events and display it exclusively to your premium members.

The default value of this filter is to show both public and private events.

#### Time Filter

[![](https://eventfeed.click/wp-content/uploads/2025/08/time-filter.png)](https://eventfeed.click/wp-content/uploads/2025/08/time-filter.png)

Time Filter allows you to show either *current and future events*, *past events* or *all events*.

#### Venue Filter

[![](https://eventfeed.click/wp-content/uploads/2021/09/event-filters2.png)](https://eventfeed.click/wp-content/uploads/2021/09/event-filters2.png)

With Venue Filter, you can choose to show only events with the defined venue, only online events, or both.

The default value of this filter is to display all events.

#### Name Filter

[![](https://eventfeed.click/wp-content/uploads/2025/08/name-filter.png)](https://eventfeed.click/wp-content/uploads/2025/08/name-filter.png)

Name Filter allows you to show only those events whose name contains a specific text.

#### Location Filter

[![](https://eventfeed.click/wp-content/uploads/2025/08/location-filter.png)](https://eventfeed.click/wp-content/uploads/2025/08/location-filter.png")

Location Filter allows you to show only those events whose location contains a specific text. It looks for a match in the following location fields:

- Venue name
- Address 1
- Address 2
- City
- Region
- Postal code
- Country

#### Description Filter

Description Filter allows you to show only those events whose description contains a specific text.

[![](https://eventfeed.click/wp-content/uploads/2025/08/description-filter.png)](https://eventfeed.click/wp-content/uploads/2025/08/description-filter.png")

#### Organizer Filter

Organizer Filter allows you to show only those events organized by a specific organizer. This feature is currently in beta, so you need to manually enter organizer ID (we will improve this later).

[![](https://eventfeed.click/wp-content/uploads/2025/08/organizer-filter.png)](https://eventfeed.click/wp-content/uploads/2025/08/organizer-filter.png")

You can find the ID by going to the [organization settings in Eventbrite](https://www.eventbrite.com/organizations/info), and clicking on the organizer's profile. Now simply copy last number from the current URL and paste it into the Organizer Filter field.

E.g. if your URL looks like this: `https://www.eventbrite.com/organizations/info/profile/33387738543`, the organizer ID will be: `33387738543`.

## Publishing Event Feed

### [Gutenberg block](https://eventfeed.click/docs/gutenberg-block/)

*When publishing your event feed, you have more options for inserting it into the post/page. If you use Gutenberg editor, the most convenient way is to use our block.*

After [creating your event feed](https://eventfeed.click/docs/creating-event-feed/) in the WordPress dashboard's **"Eventbrite Events"** section, the new block should appear in the list of available blocks in your Gutenberg editor. You can find it under the **"Widgets"** category.

[![Event Feed for Eventbrite Gutenberg block](https://eventfeed.click/wp-content/uploads/2021/09/gutenberg-block.png)](https://eventfeed.click/wp-content/uploads/2021/09/gutenberg-block.png)

After inserting a block into your post/page, click on the select input and choose the event feed you want to display. You can also click on the **"Edit this feed"** link to edit the selected event feed. Don't worry; the editing screen will be opened in the new browser's window, so you will not lose your editing progress.

[![Selecting the event feed to display on the page/post](https://eventfeed.click/wp-content/uploads/2021/09/gutenberg-block-editing.png)](https://eventfeed.click/wp-content/uploads/2021/09/gutenberg-block-editing.png)

When you are happy with the changes, save the post/page and see the event feed successfully published.

### [Shortcode](https://eventfeed.click/docs/shortcode/)

*You can also use shortcode to publish the event feed. This method is helpful when you use Classic editor or a different page builder like Elementor, WPBakery Page Builder, Page Builder by SiteOrigin, Beaver Builder or Divi Builder.*

#### Getting the shortcode

The shortcode for each event feed is generated automatically at the moment you save it to the database. You can see it on the right side of the editing screen (right under the publish meta box) or in the admin column on the list of published event feeds (in the **"Eventbrite Events"** section of your dashboard).

You can copy the shortcode to your clipboard simply by clicking on the **"Copy"** button next to the shortcode.

[![Copying the event feed shortcode into the clipboard](https://eventfeed.click/wp-content/uploads/2021/09/shortcode.gif)](https://eventfeed.click/wp-content/uploads/2021/09/shortcode.gif)

#### Inserting the shortcode into the Classic editor

If you insert the event feed into the regular post/page, paste the shortcode text where you want the feed to be displayed. We recommend adding it to the new line.

[![Inserting the event feed shortcode into the Classic editor](https://eventfeed.click/wp-content/uploads/2021/09/shortcode-classic.png)](https://eventfeed.click/wp-content/uploads/2021/09/shortcode-classic.png)

#### Inserting the shortcode into a sidebar

If you are using WordPress 5.8 or newer, your sidebar is powered by Gutenberg blocks, so the process of adding the event feed will be [the same as with the Gutenberg editor](https://eventfeed.click/docs/gutenberg-block/).

If you are running an older version of WordPress, you can use the Text Widget instead. Drag and drop the Text Widget into a sidebar, add the title and paste the shortcode into the text editor. Save the Text Widget, and you are good to go.

[![Inserting the event feed shortcode into a sidebar](https://eventfeed.click/wp-content/uploads/2021/09/shortcode-classic-widget.png)](https://eventfeed.click/wp-content/uploads/2021/09/shortcode-classic-widget.png)

#### Inserting the shortcode into Elementor

The Elementor editor has a special block for shortcodes, so we recommend using it. You can find it under the **"General"** category in the list of available blocks.

[![Finding a shortcode block in Elementor editor](https://eventfeed.click/wp-content/uploads/2021/09/shortcode-elementor.png)](https://eventfeed.click/wp-content/uploads/2021/09/shortcode-elementor.png)

Drag and drop the block into the post/page and copy the shortcode into this text field.

[![Inserting the event feed shortcode into the Elementor shortcode block](https://eventfeed.click/wp-content/uploads/2021/09/shortcode-elementor-detail.png)](https://eventfeed.click/wp-content/uploads/2021/09/shortcode-elementor-detail.png)

#### Inserting the shortcode into other page builders

The best way to add the shortcode to other page builders is to use their native Text block. As far as the editor supports rich formatting, the shortcode should be working there.

We tested it in WPBakery Page Builder, Page Builder by SiteOrigin, Beaver Builder, and Divi Builder.

## Global Settings

### [Eventbrite Cache](https://eventfeed.click/docs/eventbrite-cache/)

*Our plugin comes bundled with caching functionality. Caching can significantly speed up the loading process and also helps save your server resources.*

#### Understanding caching

Thanks to caching, your server doesn't need to request new information from Eventbrite every time the user lands on your website. Instead, you can specify the period in which the new data will be requested, and in between, our plugin will be serving cached data. Of course, cached data can be slightly outdated, but in reality, this strategy has more pros than cons.

One benefit is that your event feed will load quickly for the user — and trust us — if users don't like something, it's waiting for the slow website to be loaded. Another benefit is that your server will be using fewer resources, so you can be okay even when using a cheaper hosting plan.

#### Setting cache period

To set the cache period, go to **Eventbrite Events** → **Settings**. You should see this select input right under the API key settings.

We recommend setting the cache period to at least *one day*. Use lower value only when you don't have many events published on Eventbrite.

[![Setting Eventbrite Cache period](https://eventfeed.click/wp-content/uploads/2021/09/cache-2.png)](https://eventfeed.click/wp-content/uploads/2021/09/cache-2.png)

#### Manually deleting cache

If you make a substantial change on Eventbrite — e.g., you change the event's date or venue — you can still clear the cache manually to reflect the changes to your event feeds immediately. You can find the **"Delete Eventbrite Cache"** button on the right side of the admin bar on both the front-end and back-end parts of your WordPress website.

!['Delete Eventbrite Cache' button in admin bar](https://eventfeed.click/wp-content/uploads/2021/09/cache.png)

### [Changing font](https://eventfeed.click/docs/changing-font/)

*By default, Event Feed for Eventbrite inherits the font family from the active theme. However, you can choose an alternative from the Google Fonts library.*

To change the default font family, go to **Eventbrite Events** → **Settings**, and select the **"Appearance"** tab on top of the Settings page. Next, turn on the **"Use Google Fonts"** option and choose the font family you want to use in your event feeds. You can [browse all the available Google Fonts here](https://fonts.google.com/).

Selected Google Font will be loaded only on pages containing the event feed.

[![Customizing the font family used in your event feeds](https://eventfeed.click/wp-content/uploads/2021/09/customizing-font.png)](https://eventfeed.click/wp-content/uploads/2021/09/customizing-font.png)

The font family will be changed everywhere except for the Ticket Checkout - we can't alter it there because it is served directly by Eventbrite (in an iframe).

### [Placeholder image](https://eventfeed.click/docs/placeholder-image/)

*The placeholder image is a fallback image used if there is no event image set on the Eventbrite.*

You can set the placeholder image globally in the settings. Go to **Eventbrite Events** → **Settings**, and select the **"Appearance"** tab on top of the Settings page.

We recommended uploading an image with the exact dimensions of 800x400 pixels. If you upload a bigger image, it will be automatically cropped.

[![Choosing the placeholder image for your event feeds](https://eventfeed.click/wp-content/uploads/2021/09/placeholder.png)](https://eventfeed.click/wp-content/uploads/2021/09/placeholder.png)

### [Date and time format](https://eventfeed.click/docs/date-and-time-format/)

*You can adjust the date and time format in the plugin's settings.*

Navigate to **Eventbrite Events** → **Settings**, and select the **“Date & Address”** tab on top of the Settings page.

The first option lets you choose either the 12-hours or the 24-hours hour system.

In the second option, you can set the date format (the same way as you do in the WordPress settings). Either choose one of the predefined options or specify your custom format.

If unsure how to use date variables, see [the documentation on date and time formatting](https://wordpress.org/support/article/formatting-date-and-time/) written by the WordPress team. After inserting variables into the custom field, you should immediately see the preview of the chosen date format.

[![Changing the default date and time format for your event feeds](https://eventfeed.click/wp-content/uploads/2021/09/date-time.png)](https://eventfeed.click/wp-content/uploads/2021/09/date-time.png)

### [Address format](https://eventfeed.click/docs/address-format/)

*You can adjust the address format in the plugin's settings.*

Go to **Eventbrite Events** → **Settings**, and select the **"Date & Address"** tab on top of the Settings page. Then, scroll down to see the Address format settings.

Eventbrite offers some predefined address variables. Some of them are complete, and some of them represent just one part of the address. You can either use one address variable or put together a custom format combining more variables.

[![Changing the default address format for your event feeds](https://eventfeed.click/wp-content/uploads/2021/09/address-format.png)](https://eventfeed.click/wp-content/uploads/2021/09/address-format.png)

#### Combining the address variables

If you choose to put together the custom format, feel free to use separators between the address variables. Let's say you want to prepend the venue name to the final address. Then your format can look like this:

```
[venue_name] - [localized_address_display]
```

And the final address will be:

*Art Attelier - 333 O'Farrell St Suite 400, San Francisco, CA 94102*

## Guides

### [Upgrading to Pro](https://eventfeed.click/docs/upgrading-to-pro/)

*If you are using the Free version of the Event Feed for Eventbrite and wish to upgrade to the Pro version, you can follow the steps below.*

#### Purchasing the Pro version

First, navigate to **Eventbrite Events** → **Upgrade** and click on the **"Upgrade Now"** button under the Pro plan. You will be redirected to the Secure Checkout, where you can fill in your payment details. Alternatively, you can upgrade your license [from our website](https://eventfeed.click/pricing/).

[![Upgrade link](https://eventfeed.click/wp-content/uploads/2021/09/upgrading1.png)](https://eventfeed.click/wp-content/uploads/2021/09/upgrading1.png)

#### Activating your account

After the successful payment, you will receive the activation e-mail to the e-mail address you entered in the payment details. This e-mail will include all the information about your new license.

Click on the activation link in the received e-mail.

[![Clicking on the activation link in the e-mail](https://eventfeed.click/wp-content/uploads/2021/09/upgrading2.png)](https://eventfeed.click/wp-content/uploads/2021/09/upgrading2.png)

#### Downloading and activating the Pro version

After activating your account, download the Pro version of the plugin. You will find the download link in the activation e-mail and also in the successful license activation notice in the WordPress admin dashboard.

[![Successful license activation alert](https://eventfeed.click/wp-content/uploads/2021/09/upgrading3.png)](https://eventfeed.click/wp-content/uploads/2021/09/upgrading3.png)

Install the Pro version of the plugin on your website and activate it.

After successful installation, navigate to **"Plugins"** in the WordPress admin dashboard. You should now see both Free and Pro versions installed.

You can delete the Free version of the plugin because it is not needed anymore. Don't worry; you will not lose your settings as they are safely stored in the database.

[![Deleting the Free version of the plugin because now it's not needed anymore](https://eventfeed.click/wp-content/uploads/2021/09/upgrading4.png)](https://eventfeed.click/wp-content/uploads/2021/09/upgrading4.png)

That's it, your Pro version is now installed and activated.

### [Styling with CSS](https://eventfeed.click/docs/styling-with-css/)

*In this guide, we will take a look, how you can further customize your event feed.*

This guide requires a basic knowledge of HTML and CSS language. If you don't have a developer at your disposal and still need the customization on your website, please [get in touch with our support team](https://eventfeed.click/support/) - we will be happy to help.

#### Using predefined selectors

If you want to add some extra styling to your event feeds, we tried to make it as easy as possible for you. Here is the list of some helpful CSS selectors:

###### Event Feed

- `.event-feed-for-eventbrite-app-id-[feed_id]` - event feed wrapper (specific ID)
- `.event-feed-for-eventbrite-app` - event feed wrapper
- `.eventbrite-feed-id-[feed_id]` - event feed (specific ID)
- `.eventbrite-feed` - event feed
- `.eventbrite-feed-list` - event feed that uses the List layout
- `.eventbrite-feed-widget` - event feed that uses the Widget layout
- `.eventbrite-feed-grid` - event feed that uses the Grid layout
- `.eventbrite-feed-cards` - event feed that uses the Cards layout

###### Event Popup

- `#eventbrite-modal-id-[feed_id]` - event details popup (specific ID)
- `.eventbrite-modal` - event details popup

You can get the event feed ID from the shortcode.

[![Getting the event feed ID from shortcode](https://eventfeed.click/wp-content/uploads/2021/08/styling-3.png)](https://eventfeed.click/wp-content/uploads/2021/08/styling-3.png)

#### Adding custom selectors

You can also add custom selectors to your event feeds.

On the editing screen, scroll down to the **"Advanced Settings"** meta box. You should see these two options. Enter your custom selectors here.

[![Adding custom styles to the event feed](https://eventfeed.click/wp-content/uploads/2021/08/styling.png)](https://eventfeed.click/wp-content/uploads/2021/08/styling.png)

As an example, we added the ID and two extra classes to our event feed.

The HTML structure now looks like this:

[![Event feed HTML structure after adding custom selectors](https://eventfeed.click/wp-content/uploads/2021/08/styling-2.png)](https://eventfeed.click/wp-content/uploads/2021/08/styling-2.png)