Free on every plan
Put a booking button on your own site
One line of HTML on your portfolio, Webflow site, Squarespace page, or Notion-backed landing page. It opens your PaloWorks inquiry form, so an enquiry arrives in Leads as a filled-in brief with budget, timeline, and deliverables instead of an email that says “hi, are you free?”
What your visitors see
Inherits your site’s typeface. The script carries the class .paloworks-book-button, but it sets its own colours inline, so a rule of yours needs !important to win. If you want it to look like the rest of your site, take the plain HTML below and restyle it freely.
Set it up in two minutes
Copy your inquiry form link
In PaloWorks, open Leads and choose “Manage inquiry forms”. Use “Copy link” on your default form, or on a form for one service if you want this button to ask different questions. The link looks like this:
https://…/book/book_…
That whole link is the value you paste into the snippet below. It is the same page for every visitor and does not expire or close after the first enquiry.
Paste one of these where the button should appear
Both do the same thing. Pick whichever suits the site you are working on — swap
PASTE_YOUR_INQUIRY_FORM_LINKfor your inquiry form link in either one.The script tag
Best if you want the button to keep matching whatever we ship next, or if you want to change its label from one attribute.
<script src="https://paloworks.com/embed/button.js" data-paloworks-book="PASTE_YOUR_INQUIRY_FORM_LINK" async></script>Plain HTML, no JavaScript
A link and some inline styles. Nothing loads from us, nothing runs on your page, and it goes anywhere you can paste HTML — including a Squarespace code block. If you would rather not run someone else’s script on your own site, use this one — we would.
<a href="PASTE_YOUR_INQUIRY_FORM_LINK" target="_blank" rel="noopener" style="display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 44px; padding: 0 20px; border: 1px solid #0B1220; border-radius: 12px; background: #0B1220; color: #F6F1E8; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer">Book me</a>
Every visitor gets a fresh form
Your inquiry form stays open. Each visitor fills in their own copy, and each one they send arrives in Leads as a new lead with their answers and any files they attached. Nothing becomes a client or a project until you choose to create one, so an inquiry is never lost because your plan is full. You can pause new inquiries at any time from Settings → Book me without touching the link itself.
A project’s intake link is different: it belongs to one client and closes once they send their brief. If an older button on your site points at one, it still opens that brief — swap in your inquiry form link so the next visitor is not told the brief was already sent.
Attributes
data-paloworks-bookRequired- The link to your inquiry form, exactly as Copy link gives it to you. Nothing else about your account is sent or needed.
data-labelOptional- Different wording on the button. Defaults to "Book me". Anything longer than 60 characters is trimmed.
data-targetOptional- A CSS selector for where the button should go, if you cannot put the script tag in the right spot. Without it, the button appears exactly where the script tag sits.
What the script does, and what it does not
You are being asked to run our code on your website. Here is the whole of it, in plain terms — and you can read the file yourself at https://paloworks.com/embed/button.js.
It does
- Read the inquiry form link from the attribute on its own script tag, check it looks like a PaloWorks form link, and keep only the form’s token.
- Build one link element and put it where the script tag sits. Every value goes in through
textContentand an encoded URL, never as raw markup. - Apply a fixed list of style properties to that one element, and dim it slightly on hover.
It does not
- Set cookies, read cookies, track your visitors, or send us any analytics from your page.
- Load anything else, phone home, or make a single network request after the file itself.
- Add a stylesheet, define a global variable, or touch any part of your page other than its own button and the script tag it came from, which it marks as done so a tag manager cannot render the button twice.
The whole file is under two kilobytes gzipped, has no dependencies, and is served with long cache headers, so it costs your page essentially nothing. It contains no key, no account id, and nothing that identifies you beyond the inquiry form link you chose to publish.
Every workspace has an inquiry form
Free covers your first client and first active project, with intake, scope, revisions, invoices, and card payments. No card to start.