AddEvent

How to integrate AddEvent with Webflow

The easiest way to set up your AddEvent Webflow integration is by installing the Event Calendar App from the Webflow Marketplace. You can also use Code Embed** elements** for custom widget placement and styling control. If you need programmatic event creation or bidirectional sync, you can build with the Webflow and AddEvent APIs or connect them through Zapier.

Use the AddEvent Event Calendar App

The AddEvent Event Calendar App on Webflow's Marketplace provides a no-code implementation for adding calendar functionality to your site. Install the app directly from Webflow's Apps panel. After connecting your AddEvent account, you can display calendars, enable RSVP forms, and create add-to-calendar buttons through visual configuration. The app works across mobile, tablet, and desktop viewports without additional setup.

The app supports these capabilities:

• Visual calendar displays with multiple view options (month, week, schedule/list)
• Responsive design across all devices and breakpoints
• Embeddable RSVP forms and centralized attendee management

Plan requirements: You need an AddEvent account to use this app. The free Hobby plan supports 100 calendar clicks per month and 20 RSVPs per month. Exceeding these limits stops all add-to-calendar functionality until you upgrade or wait for the monthly reset.

Use Code Embed elements

Webflow's Code Embed element accepts AddEvent embed codes for inline calendar functionality. This method gives you precise control over placement through Webflow's visual editor, while appearance customization occurs through AddEvent's dashboard settings before embedding.

Implementation steps:

1. Create your events in the AddEvent dashboard
2. Generate embed code from your event or calendar sharing settings
3. Drag a Code Embed element onto your Webflow canvas
4. Paste the AddEvent code into the element's code editor
5. Publish your site to see the live calendar functionality

You can embed eight distinct widget types using this approach:

• Add to calendar buttons: Work best for single events like webinars or workshops. Visitors click the button to add the event to their preferred calendar platform. Customize button colors, text, and size through the AddEvent dashboard before generating the embed code.
• Calendar widgets: Display multiple events in a visual calendar format with month, week, and schedule views. These widgets support built-in event subscription functionality — visitors can subscribe to receive automatic updates when you add or modify events.
• RSVP forms: Collect attendee information directly on your site. Configure custom fields, send automatic confirmation emails, and track responses in your AddEvent dashboard.
• Subscription calendar buttons: Let visitors subscribe to an entire event series rather than individual events. This automatically syncs all current and future events to subscribers' calendars.

Note: For site-wide AddEvent functionality, add the core JavaScript library to Site settings → Custom code → Footer section instead of using individual embed elements. This loads the script once across all pages and improves performance compared to multiple inline embeds.

Build with Webflow and AddEvent APIs

The AddEvent REST API enables programmatic event management for developers building custom workflows. This approach suits teams needing automated synchronization between Webflow CMS and AddEvent calendars or complex integrations with CRM and marketing platforms.

All API requests require Bearer token authentication with the format Authorization: Bearer <apiKey>. Generate API keys from your AddEvent dashboard. The base URL for all v2 endpoints is https://api.addevent.com/calevent/v2.

Core API capabilities:

• Create events with POST /events, including title, start time, end time, location, and description fields
• Update events using PUT /events/{event_id} to modify existing calendar entries
• Search events via GET /events to retrieve event collections
• Manage RSVPs through POST /events/{event_id}/rsvps for attendee registration

Important limitation: The API does not support bulk or batch operations — each event and RSVP requires an individual API call. Managing hundreds of events or thousands of registrations requires careful implementation planning with appropriate rate limiting.

Event synchronization workflows

Combine the AddEvent API with Webflow's CMS Collections API to maintain synchronized event databases. Query Webflow collections using GET /collections/{collectionid}/items, transform the data structure to match AddEvent's JSON format, then POST to AddEvent's /events endpoint. Store the returned AddEvent event ID back in your Webflow CMS item for bidirectional reference.

Webflow's form submission webhooks capture registration data in real time. Configure webhooks at POST /v2/sites/{siteid}/webhooks with triggerType: "formsubmission" to receive attendee information immediately when someone completes your registration form. Parse the webhook payload and call AddEvent's RSVP endpoint to register the attendee.

Automated workflows via Zapier

Zapier connects AddEvent with Webflow without writing API code.

Available triggers:

• New Calendar Subscriber (AddEvent): Activates when someone subscribes to your calendar
• New Form Submission (Webflow): Activates when visitors submit forms
• New Order (Webflow): Activates when customers complete purchases

Available actions:

• Create Dynamic Add to Calendar Links (AddEvent): Generates personalized calendar buttons
• Create RSVP Attendee (AddEvent): Registers event participants
• Create Item (Webflow): Adds records to Webflow CMS collections
• Update Item (Webflow): Modifies existing Webflow CMS collection records

Build workflows like "New Form Submission → Create RSVP Attendee" to automatically register form respondents in AddEvent. Or use "New Calendar Subscriber → Create Item" to maintain a Webflow CMS database of event subscribers.

What you can build

Connect AddEvent with Webflow to create professional event experiences across multiple use cases.

• Event registration landing pages: Build dedicated pages for conferences, workshops, or webinars where visitors see full event details, add the event to their calendar with one click, and submit RSVPs through embedded forms — all without leaving your Webflow site.
• Recurring class schedules: Display fitness class timetables, workshop series, or training programs in visual calendar widgets that let students subscribe once and receive automatic updates when you add new sessions or change schedules.
• Subscription calendars: Enable organizations to share multiple events through a single subscription link, allowing members to subscribe and receive automatic updates when events are added or changed. Available in two subscription modes: anonymous subscription or data collection via customizable forms.
• Ticketed event sales: Embed AddEvent's RSVP forms directly on your Webflow site to collect event registrations and automatically send calendar invites to attendees. Note: Processing ticket payments through Stripe requires an AddEvent Professional plan ($129/month) or higher and custom integration beyond standard no-code setup.