Add TicketWave to Your Wix Site

Sell event tickets directly from your Wix website. Works with all Wix plans.

HTML Embed

All Plans

The simplest way to add TicketWave to any Wix site. No coding experience required.

In the Wix Editor, click + (Add) in the left panel

Open your site in the Wix Editor. On the left sidebar, click the + button to open the Add Elements panel.

Select Embed Code → Embed HTML

Scroll down in the Add panel or search for "Embed". Click Embed Code, then choose Embed HTML.

Drag the element to where you want tickets to appear

Position the HTML embed element on your page. You can place it anywhere in your layout.

Click Enter Code and select Code

A settings panel will appear. Click Enter Code, then make sure the mode is set to Code (not a URL).

Paste the embed code

Replace YOUR-VENUE-SLUG and YOUR-EVENT-SLUG with your actual values from the TicketWave dashboard.

<div id="ticketwave-widget"
     data-client="YOUR-VENUE-SLUG"
     data-event="YOUR-EVENT-SLUG"
     data-api-url="https://www.ticketwavehq.com/api">
</div>
<script src="https://www.ticketwavehq.com/widget/ticketwave.js"></script>

Click Update, then resize the element as needed

Click Update to save the code. Then use the drag handles to resize the embed element. We recommend a minimum height of 600px.

Publish your site

Click Publish in the top-right corner. Your ticket widget is now live.

Note: On Wix, the widget loads inside an iframe. This means it's sandboxed from your site — secure but may have limited height. Set a minimum height of 600px on the embed element.

What it looks like in the Wix Editor

editor.wix.com/html/editor/web/renderer/edit/

Add Elements

Embed Code

Embed HTML

HTML EmbedElement

<div id="ticketwave-widget"
     data-client="my-venue"
     data-event="summer-party-2026"
     data-api-url="https://www.ticketwavehq.com/api">
</div>
<script src="https://www.ticketwavehq.com/widget/ticketwave.js">
</script>

Update

Wix Velo (Advanced)

Advanced

For developers using Wix Velo (formerly Corvid), you can communicate with the HTML embed programmatically using postMessage. This allows dynamic configuration based on page state.

Step 1: Add an HTML Embed element and give it the ID #html1

Follow Method 1 to add the embed element, then enable Velo Dev Mode from the top menu bar. Click on the embed element and set its ID to html1 in the Properties panel.

Step 2: Add this code in the Page Code panel

// In your page code
$w.onReady(() => {
  $w('#html1').postMessage({
    type: 'ticketwave-init',
    client: 'YOUR-VENUE-SLUG',
    event: 'YOUR-EVENT-SLUG'
  });
});

Note: Wix Velo is available on all premium plans and the free plan. However, Custom Elements (an alternative approach that avoids iframes) require a Premium plan with a connected custom domain.

Customisation Options

Add these data attributes to the widget <div> to match it to your site's design. All are optional except data-client and data-event.

Attribute	Type	Default	Description	Example
`data-client`	string	Required	Your venue slug from the dashboard	`"my-venue"`
`data-event`	string	Required	Event slug from the event detail page	`"summer-party-2026"`
`data-api-url`	string	`https://www.ticketwavehq.com/api`	API endpoint (rarely needs changing)	`"https://www.ticketwavehq.com/api"`
`data-theme`	"light" \| "dark"	`"light"`	Widget colour scheme	`"dark"`
`data-accent-color`	hex	`"#000000"`	Primary accent colour for buttons	`"#FF6B4A"`
`data-button-text`	string	`"Buy Tickets"`	CTA button label	`"Book Now"`
`data-locale`	string	`"en"`	Language (en, es, pt, el, fr, de, it)	`"es"`
`data-show-description`	"true" \| "false"	`"true"`	Show the event description	`"false"`
`data-show-venue`	"true" \| "false"	`"true"`	Show venue information	`"false"`

Troubleshooting

Widget not appearing after publishing

Make sure you clicked "Update" inside the HTML embed element after pasting the code.
Wix renders embeds inside an iframe. The widget may need a moment to load after the page renders.
Check that your venue slug and event slug are correct — they are case-sensitive.
Try previewing the site in a new incognito window to bypass Wix editor caching.

Widget is cut off or too short

Set a minimum height of 600px on the Embed HTML element using the resize handles in the editor.
In the Wix Editor, click the embed element, go to the size settings, and set a fixed height of at least 600px.
The widget renders inside a Wix-managed iframe, so it cannot auto-resize the parent container. You may need to adjust the height manually.

Styling does not match my Wix theme

Because Wix sandboxes the embed in an iframe, your site's CSS does not affect the widget. Use data-theme="dark" for dark backgrounds.
Use data-accent-color to match your brand's primary colour.
The widget is intentionally isolated so it does not break your Wix site's layout.

Widget loads slowly

The widget script is under 30KB gzipped and loads asynchronously.
Wix adds its own iframe overhead. If the widget seems slow, the delay is typically from Wix's iframe initialisation, not the widget itself.
Ensure you are not loading multiple large third-party embeds on the same page.

Frequently Asked Questions

Does this work on the free Wix plan?

Yes. The HTML Embed method works on all Wix plans, including the free plan. You do not need Wix Premium for the basic embed.

Can I use this with Wix ADI (Artificial Design Intelligence)?

Yes. Switch to the Wix Editor from ADI to access the Embed HTML element. Once added, you can switch back to ADI and the embed will remain.

Will the widget work on mobile?

Yes. The TicketWave widget is fully responsive. On Wix, make sure the embed element is set to stretch to full width on mobile breakpoints.

Can I embed multiple events on the same page?

Yes. Add multiple HTML Embed elements, each with a different data-event attribute. You only need the script tag once — include it in the first embed only.

Does the widget support Wix's dark mode?

The widget does not auto-detect your Wix theme. Add data-theme="dark" to the widget div if your site uses a dark background.

Explore other integrations

Squarespace

Add tickets to your Squarespace site

Webflow

Embed in your Webflow Designer project

WordPress

Gutenberg block or shortcode

Ready to sell tickets from Wix?

Create your free account, grab the embed code, and start selling in under two minutes.