Embed Booking Widget
Add a booking widget to your WordPress site, Elementor page, or any website. Customers can book directly without leaving the page.
Display Mode
Appearance
Service Display
Control how services appear in the widget
All services shown at once
Category Tabs
Group services by category with tab navigation
Visibility Controls
Show or hide parts of the widget
Container Border
Show border around entire widget
Trainer Name
Business name shown in the header
Powered by UrTrainerAI
Branding footer at the bottom
Book Button on Cards
Show a Book button on each service card
Book Button Style
Customize the Book button on service cards
Button Border
Show border outline on the button
Private Training Session
$85 · 60 min
Quick Start
Copy the embed code below and paste it into your website. The widget will automatically load and display a booking button for your customers. Your booking slug is: coach-mike-reynolds
Embed Code
Choose your platform and copy the code
<!-- UrTrainerAI Booking Widget -->
<script src="https://urtrainerai.com/embed/urtrainerai-booking.js"></script>
<script>
UrTrainerAI.init({
slug: 'coach-mike-reynolds',
mode: 'drawer',
theme: 'dark',
accentColor: '#F59E0B',
buttonText: 'Book Now',
buttonStyle: 'floating',
});
</script>Paste this code before the closing </body> or </head> tag of your HTML page.
Live Preview
See how the booking widget will look on your site
Coach Mike Reynolds
Reynolds Basketball Training
Private Training Session
$85 · 60 min
Extended Private Session
$120 · 90 min
Small Group Training
$45 · 75 min
Skills Evaluation
$150 · 90 min
Camp Session (Half Day)
$75 · 240 min
Powered by UrTrainerAI
JavaScript API
Control the widget programmatically
UrTrainerAI.open()Open the booking widget programmatically. Useful for custom trigger buttons.
UrTrainerAI.close()Close the booking widget.
UrTrainerAI.init(options)Initialize with custom options. Must be called once before using other methods.
// Set buttonStyle: "none" in init
// and add your own trigger:
const myBtn = document.getElementById('my-btn');
myBtn.addEventListener('click', () => {
UrTrainerAI.open();
// Optionally pre-select a service:
// UrTrainerAI.open({ serviceId: 'svc-1' });
});