1
Connect Your Google Calendar
One-click — takes about 30 seconds
1
Check the setup email we sent you — it contains a blue "Connect Google Calendar" button.
2
Click that button and sign in with the Google account that has your Google Calendar.
3
Click Allow on the permissions screen — this lets your AI book appointments to your calendar.
4
You'll see a confirmation page. You're done with Step 1!
💡 Can't find the email? Check your spam folder, or email us at hello@appointedai.app and we'll resend it.
2
Add the Chat Widget to Your Website
Select your platform below
Select your website platform, then follow the steps. If you're on mobile, do this from a desktop/laptop.
Wix
▾
⚠️ Read this first — it's the one that trips everyone up. Wix does not run custom code in the Editor or in Preview. The chat bubble will be invisible there no matter what you do. It only appears on your published, live site. Publish first, then check the live address.
1
Go to manage.wix.com and open your site's Dashboard (not the Editor)
2
In the left menu, click Settings
3
Scroll to the Development & integrations section and click Custom Code
4
Click + Add Custom Code (top right)
5
Paste your widget code into the box labelled "Paste the code snippet here"
6
Give it a Name — anything you like, e.g. AppointedAI chat
7
Under Add Code to Pages, choose All pages, and leave the dropdown on Load code once
8
Under Place Code in, choose Body – end
9
Click Apply
10
Go back to your Editor and click Publish — then open your live site address. The bubble appears in the bottom-right.
💡 Still not showing? Make sure you're looking at your live site (the address people actually visit), not the Editor or Preview. Then do a hard refresh — Cmd+Shift+R on Mac, Ctrl+F5 on Windows.
💡 If you ever connect or change your site's domain, Wix deletes saved custom code. Come back here and paste it in again.
Squarespace
▾
⚠️ Code Injection is only on the Core, Plus and Advanced plans (and some older legacy plans). On the Basic plan the panel isn't there — you'd need to upgrade.
1
Log into Squarespace and open the site you want the chat on
2
In the left menu, click Website → scroll down to Website Tools
3
Click Code Injection
4
Paste your widget code into the Footer box (not Header — Footer loads it after the page, so your site stays fast)
5
Click Save at the top, then open your live site. Done!
💡 Can't find Code Injection under Website Tools? Try Settings → Advanced → Code Injection — Squarespace has it in both places depending on your version.
WordPress
▾
1
Log into your WordPress admin (usually yoursite.com/wp-admin)
2
Go to Plugins → Add Plugin
3
Search for WPCode. Install the one called "WPCode – Insert Headers and Footers + Custom Code Snippets", then click Activate
4
A new Code Snippets item appears in the left menu — click it, then click Header & Footer
5
Paste your widget code into the Footer box
6
Click Save Changes, then open your live site. Done!
💡 The free version of WPCode is all you need — ignore any upgrade prompts.
💡 This is WordPress.org (self-hosted). On WordPress.com you need a Business plan or higher before plugins can be installed at all.
Webflow
▾
⚠️ Custom code needs a paid Site plan. On the free Starter plan Webflow won't publish it to your live site.
1
Open your site in Webflow and go to Site settings (the gear icon ⚙️)
2
Click the Custom code tab
3
Paste your widget code into the Footer code box (the one that says it goes before the closing </body> tag)
4
Click Save changes
5
Click Publish and choose your live domain. Custom code only runs on the published site, not in the Designer.
Shopify
▾
1
In your Shopify admin, go to Online Store → Themes
2
On your current theme, click the ⋯ button → Edit code
3
In the file list on the left, under Layout, click theme.liquid
4
Click inside the code, then press Ctrl+F (Cmd+F on Mac) and search for </body>
5
Paste your widget code on the line just above </body>
6
Click Save, then open your live store. Done!
💡 Editing your live theme is safe here — this only adds the chat bubble. If you'd rather be cautious, use Duplicate on the theme first and test on the copy.
💡 Changing themes later? The code lives in the theme, so you'll need to add it again to the new one.
Custom Website / HTML
▾
1
Open your website's HTML file (usually index.html)
2
Find the text </body> near the very bottom of the file
3
Paste your widget code on the line just above </body>
4
Save the file and upload it to your web host. Done!
💡 Working with a developer? Just forward them your widget code and tell them to paste it before the closing </body> tag — they'll know exactly what to do.
Need help? We've got you.
Email us at hello@appointedai.app — we typically respond within a few hours and will walk you through it if needed.