← Back to all Resources

Building an event management site

Integrations
Custom code
CMS
E-commerce
User memberships

Potential solutions

Eventbrite Integration

Dependencies: 

  • Webflow
  • Eventbrite

Eventbrite is an event management platform that will handle a lot of items on your list/scope:

  • They’re also listed on Eventbrite as well
  • Waitlist and cancellations
  • You could use Eventbrite to show a user all the events they’ve signed up for

The upside to this approach is that it’s a low lift on your team and it offers an overwhelming amount of functionality and power thanks to Eventbrite. 

Suggested steps

  1. Register at Eventbrite
  2. Create events in Eventbrite
  3. Create your schema inside of Webflow
  4. Add the events in the Webflow CMS
  5. Design your pages and dev them in Webflow
  6. Use custom code to embed the event registration form
  7. QA/Test in staging
  8. Publish to prod

To get started, you would register at Eventbrite and then create all of your events there. You can then create a CMS collection in Webflow and add your events there as well. This allows you to list the events in Webflow however you want and have full control over the design. 

Then you can link out to Eventbrite where people can register. Or, you can embed the order button (opens a modal), or embed the checkout form dynamically on the page: 

And when you use this with the CMS, you can make that event ID dynamic: 

This lets you have your custom designed event page in Webflow with an embedded order form where customers can register right on your site without having to leave the page. 

One downside is that form is added via iFrame and you would need to use some custom JavaScript to then style those elements on page load.

Overall this option checks a lot of boxes and keeps the weight of managing an event or registration platform off of this team's shoulders. 

Membership Platform Integration

Dependencies: 

  • Webflow
  • Membership platform (Memberstack/Outseta)
  • Custom JavaScript
  • Middleware or automation tool like Zapier

Suggested steps: 

  • Use a whiteboard or app to design the registration flow
  • Sign up for the membership tool of your choice
  • Design and dev your pages in Webflow
  • Integrate the membership tool into your site
  • Set up registration flows with custom code or automation tools
  • QA/Test in staging
  • Publish to prod

Another option here is to build a solution using Webflow + a memberships platform. Some tools that customers have used for this are Memberstack and Outseta.

With this option, you would build everything inside of Webflow with the platform of your choice handling user registrations, user tracking, and handling payments. 

These tools have APIs available for your team to use that lets you save data to the member object. Once you’ve built your pages, you can add the membership JavaScript to the page and then in the tool choose what pages/directories you want to protect. 

You can build all of your order forms inside of Webflow and on form submission use the API, custom code, and middleware or tools like Zapier to fire off events behind the scenes. This will also allow you to have a page to show events a user has registered for. Based on your wishlist, here’s what’s available in this option: 

  • User account creation/login
  • RSVP ticketing
  • Ability to reserve tickets for multiple attendees and input guest info per ticket reserved
  • Calendar of events with control of your list layout possible in Webflow
  • Waitlist and cancellations with notifications for user and admin
  • Unique user views for bookings, i.e. a page that shows all of the events/info a user has booked tickets for 
  • White labeling

Essentially, this does hit every mark on your list, but the lift to implement this approach is significantly larger. 

E-commerce solutions

Dependencies:

  • Webflow
  • E-commerce platform of your choice
  • Payment gateway
  • Custom code (optional)

Suggested steps:

  • Create your events as products in your E-commerce solution
  • Add those items to Webflow as CMS items
  • Design your pages and dev in Webflow
  • Use forms or custom code embeds to add your checkout options to the page
  • QA/Test in staging
  • Publish to prod

This option doesn’t always have all the power of the first two, but the simplicity is something that may appeal to the team. Tools you could use for this approach would include Shopify and Foxycart (or any other E-commerce tool you like). 

This approach is similar to those above except with this approach you would be using an E-commerce platform to do the work for you. We can’t list out how this matches your scope since each platform has different capabilities and features available to us. But, this would allow you to control pricing and events as products and then dynamically embed them in your site. 

Again, all the events would also live in your CMS and would allow you the freedom to design and lay out your pages however you like. 

The downside of this approach is the waitlist and dashboard features since most E-commerce tools don’t provide that functionality or it isn’t white labeled. But, this is another low-effort way for you to get this spun up and into production quickly.

Related resources

Retrieving UTM Parameters and Adding Hidden Inputs to Forms

Captures UTM parameters as hidden form inputs for campaign tracking via form submissions.
Developer
Video
Custom code
Forms
Marketing

Saving and Retrieving User Input with Local Storage

How to save and retrieve user input on a form from/to local storage and show it on a thank you page.
Developer
Video
Custom code
Forms
Marketing

Using an iframe on the page

Performance and accessibility considerations when using iframes
Developer
Article
Accessibility
Performance
Custom code
Security

Creating your own middleware

A guide to creating middleware to protect your API keys when making front-end calls in Webflow
Developer
Github
Custom code
API

Single sign-on (SSO) for site visitors

Implement single sign-on (SSO) for your site visitors to protect content or create a logged-in experience on your site
Developer
Article
Single Sign On (SSO)
Security
User memberships

Dialog element for modals and popups

Build more accessible pop up elements by using the dialog element with custom elements in Webflow
Developer
Nugget
Accessibility
Custom code

Custom code workflows

Methods for working with custom code in Webflow
Developer
Article
Custom code

Static vs CMS pages

Differences between static and CMS pages and related considerations
Designer
Article
CMS

Dynamic no-index tag for CMS template pages

Apply no-index tags to specific CMS items
Marketer
Video
CMS
Custom code
SEO

Migrate from the legacy Hubspot app to new Hubspot app

Steps to migrate from the legacy hubspot integration to the new Hubspot app
Marketer
Nugget
Integrations