1. Home
  2. Sell tickets on your website
  3. Squarespace
5,000+ organizers trust Hi.Events

Sell tickets on Squarespace
One Code block. No extension.

Squarespace has no built-in ticketing, but it does have a Code block. Paste the Hi.Events widget into one and sell tickets from any page, with checkout opening in a modal over it. Works on the plans that allow JavaScript in Code blocks.

Create your event freeJump to the steps →

One Code block, live the moment you save.

§ 01 · Before you start

What you need

Nothing to install on Squarespace. The widget is a few lines of HTML that Hi.Events generates for you.

  • A Hi.Events event, published, with at least one ticket type on sale
  • Edit access to the Squarespace page
  • A Squarespace plan that allows JavaScript in Code blocks (see below)

Which Squarespace plans can run the widget

Squarespace states that adding JavaScript to Code blocks is available on the Core, Plus, Advanced, Business, Commerce Basic and Commerce Advanced plans. Code injection into the site head is available on Core, Plus, Advanced and some legacy plans. On other plans, link a button to your event page instead.

§ 02 · Steps

How to sell tickets on Squarespace

5 steps, with the exact menu path in Squarespace for each one.

  1. Copy the code from Hi.Events

    Open your event in Hi.Events and click Widget Embed under Integrations. Set up the widget and save it with a name. Under Add to your site, choose Squarespace in Where is your website? and copy the code. It already contains your event and widget IDs.

    Hi.Events > Your event > Integrations > Widget Embed

  2. Add a Code block where tickets should appear

    Edit the page. Hover over the section, click Add block or the + icon, and choose Code from the block menu.

    Edit page > Add block (+) > Code

  3. Paste the code into the block

    Leave the block set to HTML, clear the placeholder and paste the code: the div and the script line under it, together. Click outside the block to close it.

  4. Optional: load the script once in your site header

    If your plan has code injection and you use the widget on several pages, you can paste the script line into Header in the Code Injection panel instead. Squarespace injects it into the head of every page, and each Code block then needs only the div.

    Settings > Code Injection > Header

  5. Save, then check it logged out

    Squarespace sometimes hides embedded code while you are logged in, even though visitors can see it. Use Preview in Safe Mode, or open the page in a private window, and run a test checkout.

§ 03 · The code

The embed code, and where it goes on Squarespace

The Widget Embed page in Hi.Events generates it with your widget already set up. This is what it looks like.

Code to paste

All of it goes in the Code block, exactly where you want the tickets to show. With code injection on your plan, the script line can move to the Header field instead, so it loads on every page.

<div class="hievents-widget"
data-hievents-id="123"
data-hievents-widget="wgt_a1B2c3D4e5F6g"
></div>
<script async src="https://app.hi.events/widget.js"></script>

123 and wgt_a1B2c3D4e5F6g are placeholders. Open your event, click Widget Embed under Integrations, save your widget and copy its code: it carries your real event and widget IDs. Colors, the checkout setting and the language are stored with the saved widget, so changes you save reach your page without pasting again. A Button widget keeps its text, colors and corner radius in the code, and Fit height to content is in the code for the other widgets, so copy it again after changing those. The full list of attributes is in the widget docs.

§ 04 · What to expect

What happens once it is live

Checkout opens over your page

When a buyer clicks continue, checkout opens in a pop-up on top of your Squarespace page. They never leave your site. To send them to a new tab instead, set Checkout opens in to New tab in Widget Embed.

The block grows to fit

The widget auto-resizes as ticket types expand and collapse, so you do not set a height on the Code block. Prices and availability update on their own; the code never needs re-copying for that.

It matches your template

Match your event page in one click, or set your own button, background, text and border colors, corner radius and padding. Save the widget and your changes reach every page that embeds it, with its views, orders and conversion counted in Hi.Events.

If you cannot run scripts on Squarespace

If your Squarespace plan does not allow JavaScript in Code blocks, add a Button block and link it to your Hi.Events event page. Buyers get the same checkout on app.hi.events, in your colors from the Homepage Designer. How the Homepage Designer works

§ 05 · The widget

What the widget sells on your Squarespace page

Whatever you set up in Hi.Events shows in the widget. There is no cut-down embed version.

Paid, free, donation and tiered tickets
Add-ons, sold with a ticket or on their own
Promo codes, including hidden tickets they unlock
Registration questions per ticket type
Tax and fees inside the price or added at checkout
Ticket by email, with a link to the QR code
Checkout in the visitor's own language
Sale windows, capacity and per-order limits
Card, Apple Pay and Google Pay through your Stripe account
§ 06 · FAQ

Selling tickets on Squarespace: questions

Can I sell tickets on Squarespace without a Squarespace extension?
Yes. The Hi.Events widget is a few lines of HTML in a Code block, which is a standard Squarespace block. There is no extension to connect and nothing that touches your Squarespace Commerce settings. Tickets, orders, payments and check-in live in Hi.Events.
Which Squarespace plans allow the widget?
Squarespace says JavaScript in Code blocks is available on the Core, Plus, Advanced, Business, Commerce Basic and Commerce Advanced plans. Code injection into the site head is available on Core, Plus, Advanced and some legacy plans. Check your plan in Settings if you are not sure.
Why can I not see the widget while I am logged in?
Squarespace says that, as a security measure, embedded code sometimes does not appear while you are logged in, even though visitors can see it. Click Preview in Safe Mode, or open the page in a private browser window.
Does the widget slow down my Squarespace site?
The script line loads with the async attribute, so the browser fetches it alongside your page instead of waiting for it. The widget renders inside the Code block once the page is ready.
Can I put the widget on more than one page?
Yes. Add a Code block with the code on each page. Use the same saved widget everywhere and the changes you save in Hi.Events reach all of those pages. With the script line in the Header field of code injection, each block needs only the div.
Can I embed a buy button, my lineup or my schedule instead?
Yes. An event's Widget Embed has four types: Tickets, Button (a button that opens tickets in a pop-up), Lineup and Schedule. Each one goes into a Code block the same way.
Does Squarespace take a cut of ticket sales?
No. Payments go through your own Stripe account, connected to Hi.Events, not through Squarespace Commerce. Free tickets are free. Paid tickets carry the Hi.Events platform fee of 1.25% plus a small fixed amount per ticket, which you can pass to the buyer, and Stripe's standard card rate.See pricing →
§ 07 · More

The same widget on other builders

Docs and guides

Put tickets on your Squarespace site today

Create your event, open Widget Embed, paste the code. No credit card, no sales call.

Get started free

Free events cost nothing. Paid tickets are 1.25% + $0.60, with no monthly fee and no contract — see the full pricing.