Site Builder
Site Builder Overview
Site Builder lets you host your own website on ArrayQ and connect it to your account. Visitors see your services, pick one and book it. Each booking shows up in your dashboard as a new job, ready for your team.
You bring the website. It can be a template, a site you designed yourself or one generated by an AI tool. ArrayQ hosts it, connects it to your services and adds visitor tracking and the Orca chat assistant if you want them.
How it fits together
| Piece | What it does | Where you manage it |
|---|---|---|
| Your website | Plain HTML, CSS and JavaScript files | Your computer or code editor |
| API key | Tells ArrayQ which business the website belongs to | Site Builder, API key tab |
| Services API | Lists your services and creates bookings | Called from your website's JavaScript |
| Hosting | Serves your files on an ArrayQ link | Site Builder, Builder tab |
| Tracker | Records page views, clicks and form submissions | Site Builder, Tracker tab |
| Orca chatbot | Answers visitor questions on your site | Site Builder, Orca chatbot tab |
| Custom domain | Serves the site on your own domain | Site Builder, Domain tab |
The end-to-end flow
Build your site
Create a folder with an index.html at the top and use relative links. See Build your site.
Create an API key
Open Site Builder in your dashboard, go to API key and click Generate key. See API key.
Connect your services
Add a small script that loads your services and sends bookings to ArrayQ. See Services and booking and the full Checkout page example.
Publish
Upload the folder in the Builder tab and click Publish site. See Publish your site.
Turn on the extras
Switch on the Tracker and the Orca chatbot, then connect a custom domain.
Example project
The examples in these docs follow a real garage door company site built on Site Builder. It is a plain static site with no framework:
my-site/
index.html Home page with the service list
checkout.html Booking form for one service
app.js All ArrayQ calls and page logic
styles.css Styling
favicon.svg
You can start even smaller. A single index.html with a script tag is enough to list services and take bookings.
Who can use Site Builder
Business owners and admins can open Site Builder. Crew members need the Site builder permission. Your plan must include Site Builder, or your published site shows a "Site unavailable" page.