Humanitix
Connect Humanitix, a B-Corp certified event ticketing platform that donates booking fee profits to charity, with Webflow to sell tickets through embedded widgets on your site.
How to integrate Humanitix with Webflow
Embed Humanitix ticketing widgets directly in Webflow pages, or use Zapier to sync attendee data to your CMS. Widgets handle PCI compliance automatically through iframe-based checkout.
Embed ticketing widgets
Humanitix offers three widget types: pop-up overlays (recommended), inline embedded checkout, and collection widgets for multiple events.
Pop-up widget setup
- Add the
popup.jsscript to Project Settings → Custom Code → Head Code - Create a button element in Webflow Designer
- Add custom attribute
data-humanitix-popupwith your event widget URL as the value - Get your widget URL from Event dashboard → Embedded widgets in Humanitix
- Publish and test
Embedded checkout
- Copy embed code from Event dashboard → Embedded widgets
- Add a Code Embed element to your Webflow page
- Paste the code and remove any
<html>,<body>, or<head>tags - Set minimum height of 400-500px on the wrapper container
- Test at all breakpoints (mobile, tablet, desktop)
Collection widgets
Display multiple events from a published Humanitix collection. Get the collection embed code from your dashboard and paste it into a Code Embed element.
Automate with Zapier
Zapier connects Humanitix to Webflow CMS and other apps without code. Available Humanitix triggers include New Attendee, New Event, New Contact, New Order, and New Attendee Check-in. Actions are configured in destination apps (Webflow, HubSpot, Mailchimp, etc.), not in Humanitix itself.
Common workflows
- Event listing sync: Trigger on New Event → Create CMS item in Webflow with event details
- Attendee data sync: Trigger on New Attendee → Add to Google Sheets or CRM for follow-up
Important: Zapier creates CMS items automatically, but you must manually republish your Webflow site to display new content. CMS items won't appear on the live site until published.
Setup requirements: Generate a Humanitix API key from Humanitix Console → Account → Advanced → Public API Key. For Webflow CMS operations, also generate a site token from Site Settings → Apps & integrations → API access.
Build with APIs
The Humanitix API provides read-only access to events and orders. Write operations (create/update) are in private beta. Contact Humanitix support for access. Rate limit: 200 requests/minute.
Important limitation: Humanitix has no native webhook support. Syncing requires polling the API or using Zapier's trigger-based automation. This means "near-real-time" sync with 30-60 second delays, not instant updates.
Since Webflow doesn't support server-side code, API integrations require external hosting (Netlify Functions, AWS Lambda, Cloudflare Workers). Never expose API keys in client-side JavaScript.
What you can build
Integrate Humanitix with Webflow for branded event experiences with embedded ticket sales.
- Event landing pages: Build single-event pages with hero sections, speaker bios, and an embedded Humanitix checkout that matches your brand styling.
- Multi-event directory: Create a Webflow CMS collection for events synced via Zapier, displaying ticket availability and pricing. Note: Updates are near-real-time (30-60 second delays) since Humanitix lacks webhooks.
- Nonprofit campaign pages: Design fundraising event pages where ticket purchases contribute to charitable causes through Humanitix's fee donation model.
- Conference registration sites: Build complex registration flows with main event tickets plus workshop add-ons using Humanitix's multi-ticket-type system.
Frequently asked questions
You embed Humanitix widgets in Webflow pages, but checkout happens through Humanitix's interface (pop-up or iframe). Ticket purchases, attendee management, and reporting occur in the Humanitix console, not Webflow's ecommerce dashboard.
Widgets use iframe-based architecture for PCI compliance, which limits styling. You can customize event page branding in Humanitix's dashboard (headers, backgrounds, colors). In Webflow, style the container around embedded widgets (width, margins, padding) but avoid trying to style iframe internals. Browsers block cross-origin styling for security.
Yes, using Zapier. Set up a Zap that triggers on New Attendee and creates a CMS item in your Webflow attendees collection. Map Humanitix fields (name, email, event name, ticket type) to Webflow CMS fields. Remember to republish your Webflow site after new items are created.
Create a Webflow CMS collection for events with fields for name, date, description, and widget URL. Use Zapier to sync new Humanitix events to your collection automatically. For pop-up widgets, add the
popup.jsscript once in Custom Code, then create buttons withdata-humanitix-popuppointing to each event's widget URL. Alternatively, use Humanitix's collection widget to display all events from a published collection.
Description
Humanitix is a B-Corp certified event ticketing platform that donates 100% of booking fee profits to charity. It includes features like automated waitlists, payment plans, and mobile check-in.
This integration page is provided for informational and convenience purposes only.
Luma
Connect Luma with Webflow to embed event registration, sync attendee data, and automate event workflows.
Zoom
Connect Zoom with Webflow to automate meeting creation, managing registrations, and building custom video experiences.
Ticket Tailor
Connect Ticket Tailor with Webflow to enable direct ticket sales on a site without redirecting customers to external platforms.
LiveStorm
Connect LiveStorm with Webflow to automate registrations, embed webinar rooms, and sync attendee data.
Luma
Connect Luma's event management platform to your Webflow site through embed codes, Zapier automation, or direct API integration.
Happyning Events
Happyning helps you create personal events with easy guest management and invites using SMS.
Eventbrite
Connect Eventbrite's ticketing and event management platform with Webflow to create seamless event experiences. Embed ticket sales, sync event data to your CMS, and automate attendee management while maintaining complete design control over your event pages.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
