Eventbrite to Webflow

Learn how to easily connect your Eventbrite events to your Webflow website.

Connect Eventbrite

Once you or a guest have authorized your Eventbrite account, you can select the Eventbrite Organization you would like to connect to and select the Organizer Profiles you would like to filter by.

Any Organizer Profiles that are deselected will be bypassed by the application. If you make changes to your Organization or Organizer Profiles on Eventbrite, you can refresh them by pressing refresh eventbrite data and making new selections.

Pro Tip: Create an Organizer Profile for test events or events you are working on and deselect it. Once you are ready for it to appear in your Webflow CMS, change it's organizer profile to one of your select profiles.

Alternatively, use organizer profile filtering to connect the same organization to multiple applications.

If your application has been published previously, make sure you publish again after changing and saving these settings. Changing these settings will not affect your configuration.

Enterprise users can sync multiple Eventbrite Organizations to the same Ample Cloud Application and utilize dynamic referencing to create complex data structures.

Important: Always remember to press the save button and then publish your application when making or updating your Eventbrite account settings

Publishing Events

There are several ways to publish an event on Eventbrite. Ample Cloud handles these publish functions automatically in an intuitive way.

When any event is created, it is initially imported into Webflow as a draft. This allows you to see a preview of every event inside of the designer or editor portal without it being published on your website.

This is very handy for checking formatting of your events template page prior to publishing an event, or for adding additional "Non-Eventbrite" data to your CMS item prior to publishing. An example would be adding secondary images to a page prior to publish.

Available Eventbrite Publish Options Include

  • Draft - Keeping an event as a draft (unpublished) in Eventbrite will keep its status as a draft in Webflow.
  • Publish Now - Choosing Publish Now in Eventbrite will change its status to Published in Webflow. The event will appear on your live site once its status is updated as published.
  • Scheduled Publish - Set a date and time for your event to Publish. When this date and time is reached, the status will automatically update to published in Webflow. The event will appear on your live site once its status is updated to published.
  • Unpublish - If you unpublish an event on eventbrite, its status will return to draft in Webflow.
  • Delete - Deleting an event on Eventbrite will change its status to archived in Webflow. Deleted events can be safely removed from Webflow if they have been deleted on Eventbrite first.

Dynamic Sync

Once you have published your application your imported events will be connected to your eventbrite account and stay up to date automatically. As you change information about your event and save it on Eventbrite, the corresponding Webflow item will be updated in tandem.

  • Based on the publish status of your event, these changes will be reflected on the draft item for draft events or directly to your live site for published events.
  • Updates will also apply to automatic changes in Eventbrite, such as – Event Sales Status Changes, Event Status Changes, Scheduled Event Publish, and more
  • For Enterprise Applications, changes to the selected Organizer Profile will be reflected in the event's Organizer Profile Reference Field
Remember: Every time your event is updated, it will overwrite any changes you may have made inside of Webflow for connected fields. This keeps eventbrite as your single source of truth for your events data.

Database Sync

Before you get started with Database Sync for Eventbrite to Webflow

  • Check that your field map is completed and set correctly
  • Check that your application is properly authorized following a site transfer
  • Confirm that your Webflow site is published.
  • Check that you have published your application for the first time. This initiates the import process and establishes your database.
Important: Your application will stop syncing if your Webflow site has unpublished changes to the CMS database or database structure or if you have multiple domains that have been published at separate times.

Always remember to publish your website once you have made changes.

An example of this would be a Webflow Subdomain that has been deselected in favor of a custom domain, but the subdomain remains published. To reconcile this, unpublish the subdomain and republish your Webflow Project.

Another example would be adding a field to your Webflow CMS Collection. Publish your site to resume syncing.

Once you have confirmed your application is configured correctly and your site has been published, you can begin taking advantage of Database Sync for Eventbrite to Webflow.

In contrast to a full republish of your application, database sync allows you to perform multiple types of data fixes in the event that API Dynamic Sync has an error or loses connection.

Remember: Your application will only receive updates from events that are connected to the Eventbrite organization and organizer profiles you have selected in your application's advanced configuration.

If an event is not tagged to a selected organizer profile, it will be ignored by your application.

Individual Events

To sync an individual event navigate to Application Dashboard → Database Sync Tab → Events Tab

  • Search for events by Title
  • Sort by Event Status, Event Start Date/Time, Last Database Updated Time, or Imported On Date

Pressing the sync button on an individual row will update the item in your Ample Cloud Database. In most cases, this should reconcile any issues. Check our troubleshooting documentation if you are still having issues with an individual item.

Manual Sync Row

Refresh All Events

Refresh all events is similar to a full republish, but it will only apply to existing database items. This process will not retrieve new or missing items. If there are missing items run a full republish of your application by navigating to Application Dashboard → Advanced Configuration Tab

Remember: All API updates happen in chronological order and at a set speed to avoid API Rate Limit issues. If you run a full republish that requires updating a large volume of events, it may cause delays in manual sync operations that are at the back of the line. Please give time for functions to complete.

Recurring Events

If you are utilizing Eventbrite's recurring events functionality, Database Sync can be used to re-sync individual "child events" with the method above or by re-syncing the "Parent Event"

Re-sync the parent event by navigating to Application Dashboard → Database Sync Tab → Repeating Events Tab

Remember: Syncing the parent event will also sync its related child events. This is useful if it becomes hard to identify an individual out of sync or missing event in a series.

Completed and Deleted Events

As events become completed or are deleted on Eventbrite, the status will update in your Ample Cloud Database and on your Webflow Site. To reduce clutter –your ended, completed, and deleted events are moved to the Completed or Deleted tabs in Database Sync.

Organizer Profiles and Organizations

Enterprise Applications also sync Organizations and Organizer Profiles from Eventbrite to Webflow to create dynamic site structures that are ready for filtering.

Use the Organizer Profile and Organization Tabs in Database Sync to manually update their related data such as their names.

If you need to change your selected Organization(s) or Organizer Profile(s), please do so from your Eventbrite settings in the application's Configuration

Event Status

The Event Stale Status status indicates the current state of sales for an individual event. This comes through as a text string with the following available options.  

  • Live - This event has been published on Eventbrite
  • Started - The event has started, but has not yet ended.
  • Ended - The event has ended, but has not become fully completed in Eventbrite.
  • Completed - The event becomes completed when all Eventbrite processes related to the event have been completed. When an Event Status changes to Completed, it is automatically archived in Webflow.
  • Canceled - The event has been canceled, but not deleted.
  • Deleted - An event has been deleted in Eventbrite. Deleted events are automatically archived in Webflow. Deleted events can be safely deleted from Webflow.

Event Sales Status

The Event Stale Status status indicates the current state of sales for an individual event. This comes through as a text string with the following available options.  

  • On Sale - Tickets for this event are currently on sale
  • Sold Out - Tickets for this event are currently sold out. This means the quantity of tickets remaining for purchase is 0. If more tickets are made available through refund or changing the quantity available in Eventbrite, the status will change back to On Sale. If an event has a waitlist, the status will not change to sold out
  • Unavailable - Tickets are currently unavailable, but not sold out. This occurs when all tickets have been purchased or are in the checkout process. In the event that tickets become available again, they status will change back to On Sale.
  • Sales Ended - The specified sales end time has occurred and tickets are no longer available to purchase.
  • Not Yet On Sale - If you have scheduled tickets to go on sale at a certain date and time, the status will be Not Yet On Sale. When this date and time is reached, the status will change to On Sale. The "On Sale Date" can be displayed if you select the "On Sale Date" field in your configuration.
  • Undefined - The Event Sales Status hasn't been set yet inside of Eventbrite.

Google Maps Fields

The Google Maps fields are based on your event's venue location information set on Eventbrite. This is found on the "Basic Info" tab in your Eventbrite event details page.

Google Maps Link

The Google Maps Link field will populate a link field that can be connected as dynamic content in your site. Set a button or link block to link out directly to your event's location.

Google Embed Slug

The Google Embed Slug is used for dynamically embedding Google Maps into your Webflow website. This will render a map location that matches your event's location setting on Eventbrite. You will need to register for a free Google Maps Embed API Key. These keys have unlimited free usage. Learn More about embedding maps on Webflow.

  1. Add a Custom Code Element to your Events CMS Collection Page
  2. Add the Google Maps Embed Script inside of the custom code element
  3. Add your Google Maps Embed API Key to the script
  4. Use dynamic embedding to add your Google Maps Embed Slug Field as variable. Add this variable after &q=
Note: Updating your venue location on Eventbrite will automatically update the Google Maps Link and the Google Maps Embed Slug on the connected events in Webflow.
In this guide