Squarespace has become one of the most popular website platforms around thanks to its user-friendliness and vast array of appealing themes. It’s great for event sites, with lots of slick one-page templates to choose from, alongside more complex themes that accommodate maps, performer profiles, and basically anything else you’d need to make a fantastic online home for your event.
In this quick tutorial, we show you how to sell tickets from your Squarespace website. We’ll use Ticket Tailor as an example event registration platform that you can embed into Squarespace, but you can follow the same instructions for other registration platforms that are integrative with Squarespace too. You’ll just need to get the embed widget for whichever platform you’re using.
Let’s get started.
How to sell tickets on Squarespace
Ticket Tailor is a great option for selling tickets on your Squarespace website. You can simply set up all your event details on Ticket Tailor and then embed your ticketing widget in to your Squarespace site like so:
1) Decide where you want to add the booking widget
First up, you’ll need to decide where on your website you want people to be able to buy tickets from. This might be on a separate page or a certain section of your site if you’re using a one-page design.
For this demo we've created a page on our example website called "Buy tickets".
2) Edit the content area and click on the grey handle where you want your ticket booking widget to appear
Next, make sure you’re in editing mode on the area you want people to be able to buy tickets from. Click on the grey handle (like in the image below). This will open up a panel of various options.
3) Click on the code option and it’ll invite you to add in some code
Click the small code icon on the panel of options. A box will then appear with the heading "EDIT CODE". This is pre-filled with "<p>Hello, World!</p>", which is what we want to replace with our Ticket Tailor (or other event registration platform) widget code.
4) Get your widget code from your Ticket Tailor or other event registration account
From your Ticket Tailor account click "Box office setup", and then click "Website Embed Codes". You can click "Edit widget options if you want to choose which event you want to show and pick from some styling options. Finally highlight HTML code in the block on the right-hand side and click "Edit > Copy" from your browser.
5) Paste the code in to your Squarespace code block
Delete the existing code in the block and paste your widget code there instead. Click “Save" on the code editing and then click “Save again” for the content block you are editing.
6) Reload the page to preview
When you reload the widget will load on the page and if the page is public then your visitors will be able to buy tickets directly from your Squarespace website.
The widget is responsive so it will naturally work great on mobiles too.