Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Eventbrite Events on your UXfolio website for FREE?

Seamlessly embed Eventbrite events on your website to drive attendance, enhance event visibility, and simplify ticketing for your audience.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Eventbrite Events on your UXfolio website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 12, 2026 5 min read Ask ChatGPT
Quick answer

Your Eventbrite Events on UXfolio website — live in 3 steps

SociableKIT syncs your eventbrite events automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Eventbrite Events in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your UXfolio website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Eventbrite Events with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your UXfolio website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Eventbrite Events on your UXfolio website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Eventbrite Events widget

The first part is creating your Eventbrite Events widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. 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. Sign up to SociableKIT - How to embed Eventbrite Events on your UXfolio website for FREE?
  2. Select "Eventbrite Events" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Eventbrite Events" on the dropdown - How to embed Eventbrite Events on your UXfolio website for FREE?

    3. Enter your Eventbrite ID.

  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Eventbrite Events on your UXfolio website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Eventbrite Events on your UXfolio website for FREE?
  5. Paste the embed code and save your UXfolio website page. Please follow the second part below to add Eventbrite Events widget to your UXfolio website .

Add Eventbrite Events widget to your UXfolio website

The second part is adding your Eventbrite Events widget to your UXfolio website . After you customize your Eventbrite Events widget and copied the embed code, it is time to add it to your UXfolio website . Follow the steps below.

  1. Copy your free Eventbrite Events 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.
  2. Login to UXfolio.
  3. Go to the Portfolio Editor.
  4. Locate & click the + Social Links button.
  5. Set the type and URL/link from your SociableKIT feed in the Add Social Links Modal. Click the Save button.
  6. Click save. 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 Events on your UXfolio site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Eventbrite Events widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to UXfolio.
  4. Go to the Portfolio Editor.
  5. Locate & click the + Social Links button.
  6. Set the type and URL/link from your SociableKIT feed in the Add Social Links Modal. Click the Save button.
  7. Click save. Done!
Full UXfolio tutorial →

To embed Eventbrite Events on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Eventbrite Events widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Eventbrite Events on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Eventbrite Events widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Eventbrite Events on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Eventbrite Events widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. 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.
  4. 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.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. 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.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Eventbrite Events on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Eventbrite Events widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Eventbrite Events on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Eventbrite Events widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Eventbrite Events on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Eventbrite Events widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Eventbrite Events on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Eventbrite Events widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. 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.
  5. 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. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. 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.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. 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. 
  10. 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. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Live preview

Pick a Eventbrite Events 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 UXfolio website.

Widget previewMasonry
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Eventbrite Events on your UXfolio website.

Can I embed Eventbrite events on my website?

Yes. SociableKIT lets you embed Eventbrite events on your website with a simple widget, so visitors can see your upcoming events without searching somewhere else. It is built for beginners and works with the website builders most businesses already use.

What is the SociableKIT Eventbrite Events widget?

It is a website widget that displays your Eventbrite events in a clean, branded section on your site. Instead of manually updating event cards, you can connect your source once and keep your event page easier to manage. It helps turn your website into a simple place for visitors to discover what is coming next.

Do I need coding skills to use the Eventbrite Events widget?

No. You create the widget in SociableKIT, customize the design, copy the embed code, and paste it into your website. If you can add a custom HTML or embed block, you can add the widget.

Will my Eventbrite events update automatically on my website?

Yes, paid plans include automatic syncing so your website can stay updated when your Eventbrite events change. The free plan still gives you a working widget with sync requests, which is useful when you are just getting started. This keeps your website closer to your real event schedule with less manual work.

Can I display multiple Eventbrite events in one widget?

Yes. SociableKIT is useful when you want to show more than one event in a single feed instead of adding separate event links one by one. This makes your event section easier to browse and easier to maintain.

Can I show only upcoming events and avoid outdated event listings?

Yes, the goal is to keep your website focused on current and upcoming events. Automatic syncing helps reduce the need to remove old event details manually. If you need a specific setup for past or upcoming events, SociableKIT support can help you configure the best display.

Does the widget work with 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 one embed code into the right block, section, or HTML area.

Can I customize the Eventbrite Events widget to match my website?

Yes. You can adjust the layout, colors, fonts, spacing, and style so the widget feels native to your website. A good design keeps the experience smooth and helps visitors trust that the event belongs to your brand.

Is the Eventbrite Events widget mobile-friendly?

Yes. SociableKIT widgets are designed to look clean across desktop and mobile screens. This matters because many visitors will check event dates, locations, and tickets from their phones.

Can visitors buy tickets or register from the widget?

The widget helps visitors discover your events and move toward the registration or ticket action. Ticket sales and registration are still handled by Eventbrite, so your existing event setup stays in place. This keeps your website clean while keeping the checkout flow familiar.

Can I add the widget to my homepage, event page, blog post, sidebar, or footer?

Yes. You can place the widget wherever event visibility matters most. Many businesses use it on a dedicated events page, homepage section, event landing page, blog post, sidebar, or footer.

What layout options can I use for my Eventbrite events?

SociableKIT gives you layout options such as masonry, grid, carousel, list, and calendar styles. You can choose a layout based on how many events you have and how your visitors prefer to browse. For example, a list is simple and direct, while a calendar helps people plan ahead.

Will the Eventbrite Events widget slow down my website?

SociableKIT is designed to make embedding easier without adding several separate event sections. Using one organized widget can be cleaner than manually embedding many individual event items. As with any embed, performance can depend on your website builder, page setup, and the amount of content displayed.

Can I control which Eventbrite events appear on my website?

SociableKIT gives you display and customization settings to keep the widget focused on the events you want visitors to see. Depending on your source and setup, moderation-style controls can help keep the feed clean and relevant. If you need a specific display rule, support can guide you.

What happens when I edit an event in Eventbrite?

When your source updates, SociableKIT can sync those changes to your website based on your plan and sync settings. This helps prevent mismatched dates, locations, or details across your event pages. Your Eventbrite account remains the place where you manage the event itself.

Is there a free plan for the Eventbrite Events widget?

Yes. SociableKIT has a free plan, so you can create a working Eventbrite Events widget without a credit card. It is a good way to test the setup, preview the design, and see how the widget looks on your website.

What do I get when I upgrade to a paid plan?

Paid plans add benefits such as automatic syncing, removal of SociableKIT branding, and unlimited views. That means your widget can keep working even when your event page gets more traffic. Higher plans can also include advanced features, more sources, and stronger support options.

What support is available if I need help embedding the widget?

SociableKIT offers support to help you get the widget live 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.

Is this widget useful for recurring events?

Yes. The widget is especially helpful for recurring events because it reduces repeated website edits. You can keep managing events in Eventbrite while your website displays the current schedule in a consistent format.

Why embed Eventbrite events instead of just adding a button or link?

A button can send visitors away, but an embedded event section shows the value before they click. Visitors can quickly scan dates, details, and options while staying on your website. That creates a smoother path from interest to action.

Add your Eventbrite Events widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Eventbrite Events widget page →