Add a booking widget to Wix in 5 minutes

What you need

• Any Wix plan (Free works for the embed; Free has a Wix banner on your site separately).
• A Google account.
• The snippet above with your username substituted in.

Step 1 — Sign up for circleit

Go to circleit.app, sign up with the Google account whose calendar should receive bookings, pick a short username, and set your weekly availability + one or two event types.

Step 2 — Open your Wix editor

From your Wix dashboard, click Edit Site on the site you want to add the widget to. The Wix editor loads.

Step 3 — Add an Embed HTML element

1. In the editor's left toolbar, click the + icon (Add Elements).
2. Scroll to Embed Code → Embed HTML (sometimes called "HTML iframe / Code").
3. Drag it onto the page where you want the widget. A small box appears with placeholder content.
4. Click Enter Code.
5. In the dialog, pick the Code option (not URL), then paste the snippet.
6. Click Update.

The widget renders inside the embed frame. You can resize the frame by dragging the corners — make it at least 400px wide and 500px tall to fit the booking calendar comfortably. Click Publish.

Floating button vs. inline placement

By default the snippet drops a small floating button. If you'd rather show the calendar inline inside the embed box, add data-mode="inline":

<script src="https://circleit.app/embed.js"
        data-circle="your-username"
        data-mode="inline"></script>

For Wix specifically, inline mode usually looks better because the Wix Embed HTML element creates a fixed-size container — the floating button needs the page itself to host it, which Wix's iframe approach slightly constrains.

Common Wix gotchas

• The widget is cut off. Wix's Embed HTML element has a fixed size — drag the corner handles to enlarge it. Aim for 400x500 minimum.
• "This iframe is not supported on mobile." Wix sometimes renders desktop-only embed elements. Use Wix's mobile editor to add the embed to your mobile layout as well, or use inline mode.
• Embed shows nothing on a Wix Free plan. Wix Free occasionally restricts custom embeds. Upgrading to any paid plan removes the restriction.

What your customer sees

A clean booking flow inside the embed frame: pick event type → pick date → pick time (in their timezone) → enter name + email + optional notes → confirmation. They get an email with the booking and cancel/reschedule links; your Google Calendar gets the event.

Troubleshooting

• Widget doesn't load: Verify the Embed HTML element is set to Code not URL. Re-paste the snippet if needed.
• "Username not found": Double-check data-circle matches your circleit username exactly.
• Calendar shows no times: Make sure your event type is active and you've set weekly availability rules in the circleit dashboard.