Luma

How to integrate Luma with Webflow

Integrating Luma with Webflow keeps visitors on-site during registration, automatically syncs attendee data, and eliminates manual event updates. You can connect these platforms using three methods: Embed registration buttons and event widgets for quick front-end integration, Automate data sync with Zapier or Make for no-code CMS workflows, or build with Webflow and Luma API for custom developer solutions.

Embed registration buttons and event widgets

Luma offers three embed options using HTML/JavaScript in Webflow's custom code embed element:

• Registration buttons — trigger checkout overlay (most flexible, style with custom CSS)  
• Inline widgets — display full event pages embedded on your site  
• Calendar embeds — show multiple upcoming events

Implementation steps include:

1. Drag a custom code embed element onto your canvas  
2. Copy code from Luma's Manage page → More → Embed Registration Button  
3. Replace class="luma-checkout--button" with your own CSS classes  
4. Publish to test (custom code only executes on published sites)

Key limitations:

• The registration overlay cannot be styled via CSS — customize your event's theme in Luma's editor (40+ themes available)  
• iFrame embeds may not support Apple Pay and some payment processors — link directly for paid events

For SPAs or dynamic content, reinitialize after rendering:

window.luma && window.luma.initCheckout();



Calendar embeds: Access at luma.com/home/calendars → Settings → Embed.

Automate data sync with Zapier or Make

Sync Luma events and registrations to the Webflow CMS without code.

The Zapier setup includes:

1. Add Webflow connection via OAuth at Zapier Apps  
2. Create a Zap with Luma trigger (Event Created or Guest Registered)  
3. Map fields to Webflow CMS collection fields  
4. Test and activate

There are four pre-built templates available. The free Luma accounts work with Zapier triggers.

Make integration: Use Lu.ma by Codex Solutions for triggers (events, guests, people) and actions (create/update events, manage guests, coupons, tags). Build custom scenarios — no pre-built Luma-Webflow templates exist.

Prerequisites: Webflow CMS plan ($23/month) required for CMS actions. Luma API access (Make) requires Luma Plus ($59/month).

Build with Webflow and Luma API

Luma's REST API (Luma Plus required) enables programmatic access to events, guests, and ticketing. Learn more about the Webflow APIs or review the REST API introduction for developers.

Setup:

• Generate API keys: Luma calendar → Settings → Developer (one key per calendar)  
• Base URL: https://public-api.luma.com  
• Auth header: x-luma-api-key  
• URL pattern: /v{version}/{resource}/{action}

Display event calendars with real-time data

List Events endpoint: GET https://public-api.luma.com/v1/calendar/list-events

• Returns event titles, descriptions, times, locations, and registration URLs  
• Sync to Webflow CMS via CMS API — see working with the CMS for implementation details

Get Event endpoint: GET https://public-api.luma.com/v1/event/get for detailed event data.

Create Webflow CMS items for Luma event registrations

Get Guests endpoint: GET https://public-api.luma.com/v1/event/get-guests

• Returns registration details, approval status, and check-in info  
• Combine with Webflow's Create Live Item endpoint  
• Use List Collection Items to check existing entries before creating duplicates

Note: Webhook documentation only covers event.created. Contact Luma support for guest registration webhooks.

Create events programmatically

POST https://public-api.luma.com/v1/event/create (API reference)

• Header: Content-Type: application/json  
• Data formats: ISO 8601 for dates/durations, Google Maps Place ID for locations

What you can build

Integrating Luma with Webflow lets you sync event data to your site and embed registration functionality with custom branding.

• Conference sites: Auto-update speakers/sessions from Luma with custom branding using Zapier sync  
• Community calendars: Display live attendance counts and automatic sold-out badges with embedded widgets  
• Educational programs: Auto-populate course pages with embedded registration buttons  
• Agency solutions: Clients manage events in Luma while you control the branded Webflow experience