Your Eventbrite Collections on Shopify website — live in 3 steps
SociableKIT syncs your eventbrite collections automatically. Set up once, embed anywhere — free to start, no coding required.
-
Create in 60 seconds
Pick Eventbrite Collections in the dashboard and connect your source.
-
Match your brand
Colors, fonts, layout — tune it until it feels native to your site.
-
Paste one line of code
Drop the embed snippet on your Shopify website. No dev team needed.
Embed Eventbrite Collections with SociableKIT — step by step
Create your widget in the dashboard, copy the embed code, and paste it on your Shopify website. Screenshots included so you never get stuck.
Create and customize your Eventbrite Collections widget
The first part is creating your Eventbrite Collections widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.
-
Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features.
- Paste the embed code and save your Shopify website page. Please follow the second part below to add Eventbrite Collections widget to your Shopify website .
Add Eventbrite Collections widget to your Shopify website
The second part is adding your Eventbrite Collections widget to your Shopify website . After you customize your Eventbrite Collections widget and copied the embed code, it is time to add it to your Shopify website . Follow the steps below.
- Copy your free Eventbrite Collections widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
- Login to Shopify.
![]()
- On the left side, click Online Store.
![]()
- Click Pages. Add a new page or edit your existing page.
![]()
- On the Page details, click Show HTML icon (<>).
![]()
- Paste the embed code and click the Save button.
![]()
- Click the View page button. Done!
![]()
Website builders
Paste your embed code on any platform
SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.
To embed Eventbrite Collections on your Shopify site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Eventbrite Collections widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Shopify.
![]()
- On the left side, click Online Store.
![]()
- Click Pages. Add a new page or edit your existing page.
![]()
- On the Page details, click Show HTML icon (<>).
![]()
- Paste the embed code and click the Save button.
![]()
- Click the View page button. Done!
![]()
To embed Eventbrite Collections on your WordPress site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Eventbrite Collections widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to your WordPress site.
![]()
- On your WordPress, go to the "Pages" section then click the "Add new page".
![]()
- Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
![]()
- On the body of your page, click the "+" icon and click the "Custom HTML".
![]()
- Paste the code in the text area and click update.
![]()
- The widget will appear on the WordPress page.
![]()
- Click the Publish or Update button on your WordPress page.
![]()
- Click the view page. Done!
To embed Eventbrite Collections on your Wix site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Eventbrite Collections widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Wix.
![]()
- On your existing website click the "+" button beside the "Main pages" section.
![]()
- Then click the "Add page" button.
![]()
- Name your page then hit enter.
![]()
- On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container.
![]()
- Click "Change website address".
![]()
- Paste the link you copied from SociableKIT then click "Apply".
![]()
- Click "Publish" on the upper right.
![]()
- Click "View site". Done!
![]()
To embed Eventbrite Collections on your Squarespace site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Eventbrite Collections widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
![]()
- Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
![]()
- Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
![]()
- Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
![]()
- Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
![]()
- View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
![]()
To embed Eventbrite Collections on your Webflow site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Eventbrite Collections widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Webflow.
![]()
- On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
![]()
- Once done add a name for your new page then click "Save".
![]()
- On the left, click "Add Element". Drag "Embed" to your page.
![]()
- Paste the JavaScript code you copied from SociableKIT.
![]()
- On the upper right, click "Publish" > "Publish to Selected Domains".
![]()
- View your page. Done!
To embed Eventbrite Collections on your HTML site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Eventbrite Collections widget.
- Customize your widget and copy the embed code from the dashboard.
- Open your HTML file.
- You can create a new HTML page or edit your existing HTML page.
![]()
- Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
![]()
- Save your HTML page.
![]()
- You may now upload your HTML page to your web hosting.
To embed Eventbrite Collections on your Google Sites site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Eventbrite Collections widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
![]()
- Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
![]()
- Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button.
![]()
- Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup.
![]()
- Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
![]()
- Save the widget. Once you have pasted your embed code, click the 'Next' button.
![]()
- Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page.
![]()
- Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page.
![]()
- Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button.
![]()
- View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
![]()
To embed Eventbrite Collections on your Weebly site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Eventbrite Collections widget.
- Customize your widget and copy the embed code from the dashboard.
- Log in to Weebly.
![]()
- On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
![]()
- Select what type of page you want to add.
![]()
- Add a name to your page and then click "Done".
![]()
- On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page.
![]()
- Click the "Click to set custom HTML" then click "Edit Custom HTML".
![]()
- Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button.
![]()
- Click the link to your site. Done!
Live preview
Pick a Eventbrite Collections template — see it live
Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Shopify website.
Common questions
Frequently asked questions
Everything you need to know about embedding Eventbrite Collections on your Shopify website.
Can I embed Eventbrite Collections on my website?
Yes. SociableKIT lets you display Eventbrite Collections on your website using a simple embed code, so visitors can explore your curated events without searching somewhere else. It works well for event pages, homepages, landing pages, and community pages.
What is an Eventbrite Collections widget?
An Eventbrite Collections widget displays a curated group of Eventbrite events in a clean section on your website. Instead of sending visitors to a separate page right away, you can show the collection first and guide them to the right event faster.
Why should I embed an Eventbrite Collection instead of adding a normal link?
A link is easy, but it gives visitors very little context before they click. An embedded Eventbrite Collection shows real event content, dates, and options directly on your website, which can make the next step feel clearer and more natural.
Do I need coding skills to add the widget?
No. You create the widget in SociableKIT, customize the design, copy the embed code, and paste it into your website builder. Most users can set it up without a developer.
Will my Eventbrite Collection update automatically on my website?
Yes, paid plans include automatic syncing so your website can stay updated when your Eventbrite source changes. The free plan gives you a working widget with sync requests, which is useful when you are testing the setup. This helps reduce manual edits and outdated event information.
Can I customize the Eventbrite Collections widget to match my website?
Yes. You can adjust the layout, colors, fonts, spacing, and call-to-action style so the widget feels like part of your brand. A polished design helps visitors trust that the event experience belongs on your website.
Does the widget work on WordPress, Wix, Squarespace, Shopify, Webflow, and Google Sites?
Yes. SociableKIT works with major website builders and any website that supports custom embed code. You only need to paste the code into the right block, section, or HTML area.
Is the Eventbrite Collections widget mobile-friendly?
Yes. SociableKIT widgets are designed to look clean on desktop and mobile screens. This matters because many visitors check event details, locations, and ticket options from their phones.
Can visitors register or buy tickets from the widget?
The widget helps visitors discover your Eventbrite Collection and continue to the event or registration flow you use. The exact checkout experience depends on your Eventbrite event setup and website setup. The main value is making event discovery clearer before visitors take action.
Can I show multiple Eventbrite Collections on one website?
Yes. You can create separate widgets for different Eventbrite Collections or place more than one widget on your website, depending on your plan and sources. This is useful when you organize events by theme, location, audience, or date.
What happens when I add or remove events from my Eventbrite Collection?
When your source changes, SociableKIT can sync those updates to your website based on your plan and sync settings. This helps keep your website closer to the current event schedule. You can keep managing the collection in Eventbrite while your website displays it in a consistent layout.
Will old or sold-out events still appear on my website?
The widget follows the data available from your Eventbrite source and your SociableKIT settings. If you need a specific setup for current, past, or selected events, SociableKIT support can help you choose the best configuration. The goal is to keep your event page useful and easy to scan.
Will the widget slow down my website?
SociableKIT is built to make embedding organized event content easier than adding many manual sections. Like any embed, performance can depend on your website builder, page setup, and how much content you display. A clean layout with the right number of items usually creates the best experience.
Is there a free plan for the Eventbrite Collections widget?
Yes. SociableKIT has a free plan, so you can create a working Eventbrite Collections widget without a credit card. It is a simple way to test the setup, preview the design, and see how it looks on your website.
What do I get when I upgrade to a paid plan?
Paid plans can include automatic syncing, removal of SociableKIT branding, unlimited views, and more room to grow. Higher plans can also include advanced analytics, moderation, and stronger support options. This is helpful when your event page becomes a regular part of your marketing.
Are views limited if my event page gets more traffic?
On paid plans, SociableKIT supports unlimited views, so your widget can keep running as more people visit your event page. This gives you more confidence during launches, promotions, and busy event seasons. The free plan is best for testing or smaller pages.
Can I remove SociableKIT branding from the widget?
Yes. Paid plans let you remove SociableKIT branding for a cleaner, more native look. This is useful when you want the event section to feel fully aligned with your own website.
Can the widget help my event page get found on search engines and AI search?
An updated event section can make your page more useful by showing fresh, relevant event information. It can also support visitors who are comparing dates, topics, and locations before deciding. For best results, pair the widget with clear page copy, helpful headings, and strong event descriptions.
What support is available if I need help?
SociableKIT offers support to help you get the widget live and working on your website. Paid plans include 24/7 chat and email support, which is helpful when your event page needs to be ready quickly. You do not have to figure out the setup alone.
Who is the Eventbrite Collections widget best for?
It is best for businesses, schools, nonprofits, creators, venues, and community teams that organize events in collections. If you want visitors to see curated events on your website without constant manual updates, this widget is a strong fit. It keeps your event content visible while you focus on running the events.
Add your Eventbrite Collections widget today
Set up in minutes. Free forever to start.
Create your widgetFree forever · No credit card · Cancel anytime
























































