Live Widget Demo

Embed a beautiful booking experience on your website in minutes

Mobile Responsive Real-time Availability OTP Verification Instant Confirmation

Try It Now

This demo uses sandbox data. No real bookings will be created.

How to Integrate

1. Add the Widget Script

Include the NoQue widget script in your HTML:

<script
    src="https://www.noqueue.co.za/widget/embed.js"
    data-location-id="your-location-uuid">
</script>
2. Add the Container

Add a container div where the widget will appear:

<div id="noque-widget"></div>
Configuration Options
Attribute Description Required
data-location-id Filter services by location Optional
data-service-id Pre-select a service Optional
data-theme Widget theme (light/dark) Optional
data-width Widget width (default: 100%) Optional
data-height Widget height (default: 600px) Optional
JavaScript API

Control the widget programmatically:

// Refresh the widget
NoQueWidget.refresh();

// Change location
NoQueWidget.setLocation('new-location-id');

// Listen for booking events
document.addEventListener('noque:booking', (e) => {
    console.log('Booking created:', e.detail);
});
Need Help?

Our team is here to help you integrate NoQue into your website.

Contact Support View Full API Docs

Sandbox Environment

Test the widget with our sandbox API before going live.

  • Pre-populated sample data
  • Test bookings without side effects
  • Realistic booking flow
  • Safe for development and demos
Sandbox API Key

Use this API key for testing:

This key has read-only access to sandbox data.

Ready to Go Live?

Contact us to get your production API key and start eliminating queues.

Get Started View Pricing