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
▾
1
Log into Wix and go to your site's Dashboard
2
In the left menu, click Settings
3
Click Custom Code
4
Click + Add Custom Code (top right corner)
5
Paste your widget code in the text box
6
Set "Place Code in" to Body — End and "Add Code to" to All Pages
7
Click Apply, then click Publish on your site. You're done!
💡 Don't see "Custom Code"? Go to Settings → Tracking & Analytics → + New Tool → Custom instead.
Squarespace
▾
1
Log into Squarespace and open your website
2
Click the Settings gear ⚙️ in the top-left corner
3
Click Advanced → then Code Injection
4
Paste your widget code in the Footer box
5
Click Save. Done!
💡 Code Injection requires Business plan or higher. On Personal plan, you'll need to upgrade to add custom code.
WordPress
▾
1
Log into your WordPress admin (usually yoursite.com/wp-admin)
2
Go to Plugins → Add New Plugin
3
Search for "Insert Headers and Footers" by WPCode → Install and Activate
4
Go to Settings → Insert Headers and Footers
5
Paste your widget code in the Scripts in Footer box
6
Click Save. Done!
Webflow
▾
1
Open your project in the Webflow Designer
2
Click the gear icon ⚙️ (Project Settings) in the top-left
3
Click the Custom Code tab
4
Paste your widget code in the Footer Code box
5
Click Save Changes, then Publish your site. Done!
Shopify
▾
1
Log into your Shopify admin → go to Online Store → Themes
2
Click the ⋯ menu next to your active theme → Edit code
3
In the file list on the left, click theme.liquid
4
Use Ctrl+F to find </body> near the bottom of the file
5
Paste your widget code on the line just above </body>
6
Click Save. Done!
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.