How to add Koalendar to a Wix site
Easily add your Koalendar booking page to your WIX website. This article will walk you through the different options we have:
- Link to Koalendar with buttons or text
- Embed your Koalendar inside your Wix page
- Display a floating button that opens Koalendar in a pop-up
Link to Koalendar with buttons or text
- Click Share on one of your booking pages and copy your Koalendar link
- Sign in to your Wix account and click Edit Site
A. Add your Koalendar link to text or an image
- Select the text or image on your page.
- Select Link > Web Address.
- Paste your Koalendar URL.
B. Add your Koalendar link to a button
- Select the + (Add) button.
- Choose Button and place it on your page.
- Edit the button text (e.g., “Book Now”).
- Select Link > Web Address.
- Paste your Koalendar URL.
Embed your Koalendar inside your Wix page
- Click Share on one of your booking pages
- Select Add to website
- Choose Inline Embed & click Copy Code
- Sign in to your Wix account and click Edit Site
- On the page where you want to show your scheduling link, click + Add Elements, choose the Embed Code option and click Embed HTML.
- In the popup, choose the Code option under "What do you want to add?" and paste the inline embed code for your scheduling link in the code area.
- Finally, adjust the size of the embed to your preferences, and click Publish to update your live site. That's it!
Display a floating button that opens Koalendar in a pop-up
To use a popup widget in Wix, you must be on a paid Wix plan, have a published site, and a connected domain.
- Click Share on one of your booking pages
- Select Add to website
- Choose Popup Widget & click Copy Code
- Sign in to your Wix account and click Edit Site
- Click + Add Elements, choose the Embed Code option, Marketing Tools, and finally, click Custom Code.
- Click Add Code
- In the popup, paste your Koalendar embed code, select on which pages you want to display the floating button, and click Apply
- That's it! Your button will now appear on your Wix site