Quick answer
Open Booking page → Embed to copy code that shows your full booking page or one section on your own website. The same page has a Book online button: plain HTML that links to your booking page and works on any site. Both are on every plan. Wix and WordPress also have their own app and plugin.
Before you begin
Owner or admin access in Junocal.
At least one published class, course, appointment or product, so the embed has something to show.
Permission to edit your website and add an HTML or code block.
You'll know it worked when
In a private window, your page shows your schedule or booking page, not code or a blank box.
Choosing a class opens checkout at the right class, date and price.
The Book online button opens your Junocal booking page in a new tab.
Follow along in Junocal
Open the exact product area, then keep this guide beside it.
Copy the embed code
- 1
Open Booking page → Embed.
- 2
Choose what to show: Full booking page, or one section such as Schedule, Appointments, Courses, Class packs, Memberships or Lead form.
- 3
For a schedule, choose the next 7, 14 or 30 days. Adjust the theme and button colour if you need to.
- 4
Under When clients book, keep Open checkout in a new tab, or choose Continue in the same tab.
- 5
Select Copy under Copy this code. Paste the whole code, including the last line, into one HTML or code block on your site.
- 6
Publish, then open the page in a private window and on your phone. Follow a class to checkout without paying.
If your site puts code in a box
Some builders, such as GoDaddy's HTML section and Wix's Embed HTML element, place pasted code inside their own small frame. Booking links open in a new tab there, so clients never check out inside the box.
If the box is shorter than your schedule, Junocal shows Open the full booking page above it. Make the box taller in the builder's desktop and mobile settings to show the whole schedule.
Visitors whose browser can't run the script see a plain Book [your studio] online link that opens your booking page.
The Junocal credit
The code ends with an Online booking by Junocal line on your page, and the Book online button includes with Junocal. Free and Starter always show it.
On Studio and Growth, turn on Hide Junocal branding in Booking page → Layout. New code then has no credit line, the button reads Book online or Book a class, and a credit line you pasted earlier is removed from your page when it loads.
Troubleshooting
Start with the symptom that matches what you can see. Check the existing record before repeating a booking, payment or import.
Visitors see a plain Book online link instead of your schedule
Check these first
Check that you pasted the whole code, including the script line at the end.
Check whether your builder, website plan, speed plugin or cookie banner blocks scripts.
Next step: Paste the full code into an HTML or code block and allow junocal.com scripts, or use the Book online button, which needs no script.
The schedule is cut off inside a box
Check these first
Check whether your builder puts pasted code in a fixed-size frame.
Look for an Open the full booking page link above the schedule.
Next step: Make the builder's box taller in its desktop and mobile settings. Until then, the Open the full booking page link lets clients book.
The Junocal credit still shows after hiding branding
Check these first
Check that Hide Junocal branding is on and saved in Booking page → Layout.
Check that your plan is Studio or Growth.
Next step: Reload your page after saving the setting. For a clean copy, paste the new code from Embed in place of the old one.
Answers before you get stuck
Is the embed code included on Free?
Yes. The embed code and the Book online button are on every plan, including Free.
Why does booking open in a new tab?
New tab is the default, so clients keep your site open. Choose Continue in the same tab under When clients book if you prefer. Inside a builder's box, links always open a new tab so checkout isn't squeezed into the frame.
Can I remove the Online booking by Junocal line?
On Studio and Growth, turn on Hide Junocal branding in Booking page → Layout. Free and Starter always show it.
Did this guide solve the problem?
Make the change, or ask with your account attached
Open the relevant Junocal screen now. If your question depends on a particular client, payment or class, contact support from the app to include the page and studio context.