KonfHub Registration API, Button, and Widget Integration

KonfHub gives you three distinct ways to bring the registration experience onto your own website — each suited to a different level of technical investment and event type. The Registration API lets you build a fully custom UI powered by KonfHub’s backend. The Registration Button embeds a one-click registration flow without any redirection. The Ticketing Widget drops a complete ticketing interface — including payments — directly into any web page. All three options are accessible from your event dashboard under the Developers section.

Registration API

The Registration API is a suite of REST endpoints that let you build a completely custom, branded registration experience on your own website while KonfHub handles the underlying registration logic, confirmation emails, and attendee management.

What It Does

Instead of directing attendees to a KonfHub-hosted event page, you call the Registration API from your own frontend to render a form, collect attendee details, and complete the registration — all within your site’s design and brand identity. KonfHub handles the heavy lifting: ticket inventory, confirmation emails, QR code generation, and attendee record management.

Supported Registration Types

Regular Registration

Standard sign-up flow where attendees register and immediately receive confirmation and their ticket.

Waitlist Registration

Attendees join a waitlist when capacity is full. Confirmations are issued as spots open up.

Approval-Based Registration

Registrations are held for organizer review. Attendees are confirmed or rejected manually.

How to Access

Open Your Event Dashboard

Go to the Developers Section

In the left-hand sidebar of your event dashboard, click Developers. This section contains your API credentials, endpoint documentation, and code examples.

Copy Your API Key and Endpoint Details

Copy the event-specific API key and the relevant endpoint URLs. Use these in your server-side integration to authenticate requests.

Build Your Custom UI

Use the endpoint documentation to render your registration form, validate inputs, and submit registration data via secure API calls from your backend.

The Registration API is exclusively available for free events. It cannot be used for paid events because paid ticket flows require a UI element provided directly by the payment gateway (such as a Razorpay checkout page). For paid events, use the Registration Button or Ticketing Widget instead.

Registration Button

The Registration Button is the simplest way to embed KonfHub registration on your website. Attendees click the button on your page, and the entire KonfHub registration flow opens in a modal overlay — no page redirect, no leaving your site.

What It Does

When an attendee clicks the embedded button, KonfHub’s registration interface appears as an overlay on top of your existing page. The attendee completes registration, receives confirmation, and is done — all without ever navigating away from your website. This keeps your branding front and center and reduces drop-off caused by page transitions.

Key Features

Works for both free and paid events
No redirection to the KonfHub website
Entire registration and payment flow handled inside the modal
Simple copy-paste installation — no backend required
Customizable button label and styling

How to Embed the Button

Navigate to the Developers Section

In your event dashboard, go to Developers → Registration Button.

Copy the Code Snippet

KonfHub generates a ready-to-use code snippet for your event. Click Copy to copy it to your clipboard.

Paste Into Your Web Page

Paste the snippet into your website’s HTML at the location where you want the button to appear. No additional configuration is required.

Example Code Snippet

The snippet KonfHub provides looks similar to the following. Your actual snippet will contain your unique event ID and configuration parameters.

<!-- KonfHub Registration Button -->
<div id="konfhub-register-btn"></div>
<script>
  (function(k, o, n, f, h, u, b) {
    k['KonfHubObject'] = h;
    k[h] = k[h] || function() {
      (k[h].q = k[h].q || []).push(arguments);
    };
    u = o.createElement(n);
    u.async = 1;
    u.src = f;
    b = o.getElementsByTagName(n)[0];
    b.parentNode.insertBefore(u, b);
  })(window, document, 'script', 'https://events.konfhub.com/embed/button.js', 'kh');

  kh('init', {
    eventId: 'YOUR_EVENT_ID',
    containerId: 'konfhub-register-btn',
    buttonText: 'Register Now',
    buttonColor: '#FF6600'
  });
</script>

You can customize the button label and color to match your website’s design. Refer to the Developers section in your dashboard for the full list of configuration options available for your event.

The Ticketing Widget embeds a fully interactive ticket purchasing interface directly on your web page — giving attendees a seamless, on-brand experience without ever leaving your site.

What It Does

Unlike the Registration Button (which opens a modal), the Ticketing Widget renders inline on your page as a persistent component. Attendees can browse ticket categories, enter discount or access codes, complete payment, and receive their confirmation — all within the widget embedded on your site. This creates the most cohesive branded experience of the three embedding options.

Supported Features

Multiple ticket categories displayed side by side
Discount codes and access codes applied inline
Full payment processing (credit/debit card, UPI, net banking, and more)
Automatic confirmation email and QR code delivery
Responsive design that adapts to your page layout

Navigate to the Developers Section

In your event dashboard, go to Developers → Ticketing Widget.Set up the Widget by Selecting the tickets & customization and click on save.

Copy the Embed Snippet

KonfHub generates a unique embed snippet for your event. Click Copy to copy it to your clipboard.

Paste Into Your Web Page

Add the snippet to your website’s HTML at the location where you want the widget to appear. The widget will render within the container you specify.

Adjust the Container Width

The widget is responsive, but you can control its width by adjusting the containing <div> dimensions in your page’s CSS to match your layout.

Example Code Snippet

<!-- KonfHub Ticketing Widget -->
<div id="konfhub-widget"></div>
<script>
  (function(k, o, n, f, h, u, b) {
    k['KonfHubObject'] = h;
    k[h] = k[h] || function() {
      (k[h].q = k[h].q || []).push(arguments);
    };
    u = o.createElement(n);
    u.async = 1;
    u.src = f;
    b = o.getElementsByTagName(n)[0];
    b.parentNode.insertBefore(u, b);
  })(window, document, 'script', 'https://events.konfhub.com/embed/widget.js', 'kh');

  kh('init', {
    eventId: 'YOUR_EVENT_ID',
    containerId: 'konfhub-widget',
    theme: 'light'
  });
</script>

The Ticketing Widget and Registration Button are available on the Silver plan and above. The Registration API is available on all plans for free events. Visit your event dashboard → Developers section to access the code snippets for your specific event.

Choosing the Right Option

When should I use the Registration API?

Use the Registration API when you need a fully custom UI that is indistinguishable from the rest of your website. This approach requires frontend and backend development effort but gives you complete control over the look, feel, and flow of registration. It is only available for free events.

When should I use the Registration Button?

Use the Registration Button when you want a quick, low-effort integration that works for both free and paid events. A single copy-paste installs a button that handles the entire flow in a modal overlay. Ideal for landing pages, blog posts, and event announcement pages.

When should I use the Ticketing Widget?

Getting Started

Event Dashboard

Apps & Utilities

Developers & Integrations

Payments & Taxes

KonfHub Registration API, Button, and Widget Integration

Registration API

What It Does

Supported Registration Types

Regular Registration

Waitlist Registration

Approval-Based Registration

How to Access

Registration Button

What It Does

Key Features

How to Embed the Button

Example Code Snippet

Ticketing Widget

What It Does

Supported Features

How to Embed the Widget

Example Code Snippet

Choosing the Right Option

​Registration API

​What It Does

​Supported Registration Types

Regular Registration

Waitlist Registration

Approval-Based Registration

​How to Access

​Registration Button

​What It Does

​Key Features

​How to Embed the Button

​Example Code Snippet

​Ticketing Widget

​What It Does

​Supported Features

​How to Embed the Widget

​Example Code Snippet

​Choosing the Right Option

Registration API

What It Does

Supported Registration Types

How to Access

Registration Button

What It Does

Key Features

How to Embed the Button

Example Code Snippet

Ticketing Widget

What It Does

Supported Features

How to Embed the Widget

Example Code Snippet

Choosing the Right Option