Add an order tracker to your Squarespace site

How it works

ShopTicket gives you an intake form that lives at your own address (something like shopticket.dev/intake/your-shop). You drop that form onto your Squarespace site as an embed. When a customer fills it out, it becomes an order in your dashboard, and that order gets its own private tracker link you share with them.

The embed isn't locked to a particular domain, so it works on your Squarespace site, a future site, or a link in your bio, all at once. You're adding a layer on top of what you already run, not migrating anything.

What you'll need first

• A ShopTicket shop. Free to start. If you don't have one yet, set one up here and note the shop name in your intake address.
• A paid Squarespace plan. Embedding an iframe needs a paid plan (Core, Plus, Advanced, or Commerce). Iframes don't render on the free trial. If you can't use a Code Block, skip to the link method near the bottom, which works on any plan.

Your embed code

Here's the snippet. Replace your-shop with your shop's name (the part after /intake/ in your address):

<iframe
  src="https://shopticket.dev/intake/your-shop"
  title="Start a commission"
  style="width:100%;min-height:900px;border:0;"
  loading="lazy"
></iframe>

The min-height keeps the frame tall enough that the form is never cut off, while still letting it grow if you add longer intake fields. Leave the rest as-is.

Adding it to Squarespace

1. 1

   Open the page where you want the form.

   Your Commissions, Contact, or Work With Me page is the natural spot. Click Edit on that page.

2. 2

   Add a Code Block.

   Click an insert point (the plus icon between sections or blocks), then choose Code. If you don't see it right away, click More to expand the full block list.

3. 3

   Paste the snippet and set it to HTML.

   Paste your embed code into the block. Make sure the type is HTML (not Markdown or CSS), and that the Display Source toggle is off. With Display Source on, your visitors would see the raw code instead of the form.

4. 4

   Replace the placeholder, then apply.

   Swap your-shop for your real shop name. Click Apply, then Save the page.

5. 5

   Adjust the height, then send yourself a test.

   If the form is cut off or has a big empty gap below it, change the min-height value in the snippet (900px is a starting point) until it fits. Then submit the form once yourself and confirm the order lands in your dashboard.

If the form doesn't show up

• Check the live page, not the editor. Squarespace sometimes hides embedded content while you're logged in. Open your site in a private or incognito window to see what visitors actually see.
• Confirm you're on a paid plan. Iframes don't render on the free trial. If the block saves but stays blank, this is usually why.
• Move it out of an Index. Pages inside an Index layout can fail to render Code Blocks. Put the form on a standalone page instead.

No Code Block? Use the link instead

If you're on a plan without Code Blocks, you don't need to embed anything. Your intake form is a real hosted page on its own. Just link to it:

Add a button or a navigation link pointing to https://shopticket.dev/intake/your-shop, or drop that link in your bio. Customers land on a clean, branded form with your shop name on it. Everything downstream works exactly the same.

What your customer sees next

Once a request comes in and you turn it into an order, ShopTicket gives that order a private tracker link. You send it once. From then on the customer can open it any time to see the current stage, progress photos, their quote and outstanding balance, and any documents you've attached, all without making an account or logging in. The “how's it coming along?” messages mostly stop, because they already have the answer.