How to Embed Koalendar in Weebly
Let visitors book time with you directly from any Weebly site. No plugin required—just copy your Koalendar embed code and paste it into Weebly’s drag‑and‑drop builder.
📑 Menu
- Step 1 – Copy your Koalendar code
- Step 2 – Paste it into Weebly
- Troubleshooting
- Which style should I choose?
📋 Step 1 – Copy your Koalendar code
- In the Koalendar dashboard, click Share next to the booking page you want on your site.
- Choose Add to website.
- Select an embed style and click Copy Code.
| Embed style | Visitor experience |
|---|---|
| Inline Embed 🖥️ | Full calendar appears right on the page. |
| Popup Widget 📍 | Sticky button opens a calendar popup. |
| Popup Text 🔗 | Any link or button launches a pop‑up calendar. |
🎨 Tip: Customise colours, text, and position before copying to match your Weebly theme.
📝 Step 2 – Paste it into Weebly
Inline Embed or Popup Text/Button
- In the Weebly Editor, drag an Embed Code element to where you want the calendar (or trigger link).
- Click Edit Custom HTML.
- Paste your Koalendar code.
- Publish your site to see it live (scripts don’t run in Weebly’s preview).
Popup Widget (site‑wide floating button)
- In Weebly, go to Settings → SEO → Footer Code.
- Paste the Koalendar widget script you copied.
- Save and Publish.
- The floating button now appears on every page that uses this template.
📝 Need the widget on specific pages only? Paste the script in an Embed Code element on the desired page instead of the global footer.
🛠️ Troubleshooting
| Problem | Quick fix |
| Calendar or widget missing in Preview | Publish the site—Weebly disables third‑party scripts in preview mode. |
| Floating button not showing | Confirm the script is saved in Footer Code (or the page’s Embed Code element) and that you republished. |
| Lightbox trigger link appears but doesn’t open | Make sure both the trigger snippet and the Koalendar script are on the same page. |
| Inline calendar looks too tall/short | Adjust the Embed Code element height or set a fixed height in Koalendar before copying. |
🤔 Which style should I choose?
| Goal | Best style |
| Dedicated booking section on a landing page | Inline Embed 🖥️ |
| Site‑wide call‑to‑action | Popup Widget 📍 |
| Add scheduling to an existing button or link | Popup Text 🔗 |
| Fastest, off‑page link | Direct Link ↗️ |