How to add Square Appointments booking to a GoDaddy website

Option 1: Square’s button or embed

1. Open your booking channels. Square Dashboard > Appointments > Online Booking > Channels.
2. 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.
3. 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 GoDaddy

1. Open the editor. GoDaddy product page > Websites + Marketing > Manage next to your site > Edit Website.
2. Add an HTML section. Add a section where you want it, search for HTML and select Add.
3. Paste into Custom Code. Leave Forced Height blank for a button, or set it for an embed. Changes save automatically; publish when ready.

Option 2: the Foyer widget on GoDaddy

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>

1. Make a Book page. Add a page called “Book” so every button on the site can link to it.
2. Add an HTML section to it. Paste your Foyer code set to inline mode.
3. Set Forced Height. Around 900 pixels fits the full booking flow on phones and desktops. GoDaddy: “If your widget does not appear, set its height to a higher value.”
4. Link your buttons. Point the header’s Book button and any service buttons to the Book page.

Prefer not to manage it? A Foyer Page gives you a full booking page with the popup on every button, and you can link to it from GoDaddy.

What to know about GoDaddy

• Embeds are iframes. GoDaddy: “Since the embed is placed inside of an iframe, the widget may not be responsive.” That is why a fixed height matters.
• No site-wide code. GoDaddy’s settings take Google Analytics, the Facebook Pixel and a few verification tags, but no general header code.
• Use HTTPS in any code you paste.
• GoDaddy Online Appointments is GoDaddy’s own scheduler, one per site. It can use Square to take payments, but it doesn’t sync with Square Appointments, so pick one calendar.
• Airo AI Builder: GoDaddy lists custom code as not supported there.

Sources, checked October 9, 2026: GoDaddy: add HTML, GoDaddy: troubleshoot HTML, GoDaddy: online appointments, Square: client-facing booking tools.