Option 1: Square’s button or embed
- Open your booking channels. Square Dashboard > Appointments > Online Booking > Channels.
- Choose how to add it. Under “Add your booking flow to an existing site,” click Get Started, then Create button, Get embed code or Get URL.
- Copy the code or link. Pick the location, customize the button if you made one, and copy.
Square’s embed opens the booking flow “in another tab or window,” so the booking itself happens on Square’s page, not yours. That is fine for a simple site. If you want booking to stay on your page in your design, use the Foyer widget below.
Paste it into Wix
- In the Wix Editor, click Add Elements. Then Embed Code > Popular Embeds > Embed HTML. In Wix Studio: Add Elements > Embed & Social > the embed code element.
- Click Enter Code. Paste Square’s code and click Apply.
- Size the box. Wix shows HTML elements in an iframe that “won’t be responsive.” Make the element wide enough for the button, then publish.
Option 2: the Foyer widget on Wix
The Foyer widget books into Square Appointments from your own page, as a popup with a floating Book button or inline inside a page, with deposits, member prices, packages and promo codes. Your install code comes from the Foyer dashboard with your ID filled in:
<script src="https://app.foyerkit.com/widget.js" data-merchant="your-id" async></script>Floating Book button on every page (recommended)
- Open your site dashboard. Go to Settings, then Custom Code under Development & integrations.
- Click + Add Custom Code. Paste the Foyer code and name it “Foyer booking.”
- Choose All pages and Body - end. Wix suggests the body for functional scripts. Load it on each page.
- Click Apply, then publish. Custom code only runs on the published site, not in the editor.
Inline on one page
Add an Embed HTML element where you want booking and paste your Foyer code set to inline mode. Because Wix wraps embeds in an iframe, give the element a generous height. Links to #book anywhere on your site open the popup once the site-wide code is in.
Which Wix plan you need
| Free Wix site | Wix Premium + connected domain | |
|---|---|---|
| Embed HTML element | Commonly works | Yes |
| Settings > Custom Code | No | Yes |
| Floating Book button on every page | No | Yes |
Wix says: “To add custom code, the site must be published and have a connected domain,” and connecting a domain needs a Premium plan.
Sources, checked October 9, 2026: Wix: embed custom code, Wix: Embed HTML, Wix: frontend security, Square: client-facing booking tools.
If it doesn’t show up
- Look at the live site, not the editor. Custom Code doesn’t run in the Wix editor.
- Changed your domain? Wix deletes code snippets when you assign a different domain. Add it again.
- Code saved over HTTP? Wix only shows HTTPS code and URLs.
- Wix Bookings vs Square. Wix Bookings is Wix’s own scheduler. Square works in Wix as a payment provider, not as a calendar sync, so pick one place to manage appointments.