In development. This is on the roadmap and not available yet. The guide is here so it is ready the day it ships.
Integrations & API

Selling tickets from inside your own website

Put a BrightStar ticket widget on your own site: live prices and availability, and a checkout that opens over your page.

5 min readUpdated 2026-10-01

If you already have a website your audience trusts — the retreat page they found through a friend, the kirtan community site they check every week — every click away from it is a chance to lose someone. The BrightStar ticket widget puts your event, its live prices and a Get Tickets button on your own page. Choosing tickets happens in a window over your page, and payment is taken by BrightStar's secure checkout, so the order lands in your dashboard exactly like any other sale. Installation is one line of code copied from your event, with no developer and nothing to keep in sync.

What the widget shows

Every time your page loads, the widget asks BrightStar for the current state of your event: its name, the date and time in the event's own timezone (a 7:30 PM concert in Los Angeles reads 7:30 PM PDT for everyone, wherever they browse from), the venue, and the price range across the ticket types still on sale. Ticket types that are sold out are marked Sold out; when everything is gone, the button turns into Sold out too. Hidden or paused ticket types, and ones whose sale window has not opened, never appear.

Because it reads live data, changing a price, closing an early-bird tier or adding a ticket type in your dashboard shows on your website the next time anyone loads the page — you never touch the code again.

Choose how it looks

Open your event in the dashboard and go to Share → Embed & Track → Ticket Widget. Pick a layout — Compact card (image, date, venue, price range, button; made for a sidebar), Full card (adds a short description and every ticket type with its price), Ticket list (no image, every ticket type and how many are left) or Button only (for a page that already describes the event). Then pick a theme: Light, Dark, or My brand colours, which follows the colours you set in the event's Custom Design. You can also set the button colour and its text, and switch the image, the description, the "12 left" note and the "people are going" line on or off.

A live preview beside the settings shows the real widget with your real prices, at desktop or phone width. Changes save as you make them and reach your website on the next page load.

Choose where it may appear

Under Websites allowed to show it, add the websites you publish from — yourwebsite.com also covers www.yourwebsite.com and any other subdomain. Once at least one website is listed, the widget loads only there; a copy of your code pasted anywhere else shows a short "not on the organizer's list" note instead of your tickets. The list applies to all your events, holds up to 10 websites, and should include any staging or preview address you test on.

While the list is empty, any website can show your widget, and the dashboard says so in a visible warning. That default exists because some site builders run embedded code from their own hidden addresses that you could not know to list — but if your site is a normal website, add it.

Add your website to the allowed list before you paste the code. It takes ten seconds and means a stranger can't copy your widget onto a page you don't control.

Getting it onto your page

The code only carries your event's ID — there is no password or key in it, so it is safe to paste anywhere.

  1. 1In the dashboard, open your event → Share → Embed & Track → Ticket Widget.
  2. 2Under Add it to your website, copy the Script code (or the iframe code if your site builder removes scripts — see below).
  3. 3Paste it into your page where the tickets should appear, then publish the page.
  4. 4Open the live page and check the widget shows your event.

The code

html
<div data-brightstar="YOUR-EVENT-ID"></div>
<script src="https://www.brightstarevents.com/embed.js" async></script>

WordPress, Squarespace, Wix and others

WordPress: add a Custom HTML block and paste the script code. WordPress.com plans without plugins strip scripts, so use the iframe code there.

Squarespace: add a Code block (leave Display Source off) and paste the script code. Scripts in Code blocks need a Business plan or higher; on Personal plans use the iframe code. The widget shows on the live page, not always in the editor.

Wix: Add → Embed Code → Embed HTML → Code, and paste the iframe code — Wix puts embedded HTML in its own frame, so the iframe version is the reliable one. Drag the box to the height the dashboard suggests.

Webflow: an Embed element takes the script code. Shopify: in a page's HTML view, paste the script code. Anywhere else, if it accepts HTML use the script code, and if it only accepts an iframe use the iframe code.

The iframe version

The iframe code shows exactly the same widget for builders that remove script tags. One difference: from inside a frame a window can't open over your page, so its Get Tickets button opens your BrightStar event page in a new tab, where the purchase finishes. The dashboard gives you the iframe code with a suggested height for the layout you chose.

On phones, and for every visitor

The widget fits whatever width you give it, and on a phone the ticket window opens full screen with a clear close button. It works with a keyboard and a screen reader: the window traps focus while open, Escape closes it, and focus returns to the Get Tickets button afterwards. Your website's own styles can't bend it out of shape, and it is a few kilobytes with nothing else to load.

Which plan you need

The widget is part of Elevate (and Amplify), and it follows the event: set the event to Elevate and its widget switches on. On Seva, link to your BrightStar event page from your site instead. Fees and payouts are exactly the same whichever page a buyer bought from — the platform fee per ticket, the processing fee once per order, and the same payout path.

Common questions

Where do I find the embed code?

In the BrightStar dashboard, open your event, then Share → Embed & Track → Ticket Widget. Under Add it to your website, copy the Script code, or the iframe code for site builders that remove scripts.

Read more

The page also holds the layout, theme and button settings, the list of websites allowed to show the widget, and a live preview of the real widget, so you can set everything up and see it before you paste anything.

If I change a ticket price, do I have to update my website?

No. The BrightStar ticket widget reads your event's live data every time the page loads, so prices, sold-out ticket types and new ticket types appear on your site automatically.

Read more

The same goes for the widget's look: layout, theme and button text changes save in the dashboard and show on your site at the next page load, because the code you pasted only carries the event's ID.

Can someone copy my widget onto their own website?

Not once you list your websites. With at least one website on your allowed list, the BrightStar widget only loads there. While the list is empty any website can show it, and the dashboard warns you.

Read more

Listing yourwebsite.com also covers its subdomains such as www and events. Add any staging or preview address you test on too, or the widget will show a not-allowed note there.

Does it work on Wix, Squarespace and WordPress?

Yes. For the BrightStar ticket widget, WordPress and Webflow take the script code; Squarespace takes it in a Code block on Business plans and up; Wix and anywhere that strips scripts take the iframe code the dashboard gives you.

Read more

The iframe version looks the same. Its button opens your BrightStar event page in a new tab, because a window can't open over your page from inside a frame.

Does the widget show the right time for my event?

Yes. BrightStar shows dates and times in your event's own timezone, with the zone named, so a 7:30 PM Los Angeles concert reads 7:30 PM PDT for every visitor.

Read more

This avoids the classic embed mistake of converting your start time into each visitor's local time, which makes an evening concert look like it starts at 10:30 PM to someone browsing from New York.

Is the embed available on the free plan?

The BrightStar ticket widget is an Elevate feature, decided per event. Events on Seva sell through their BrightStar event page, which you can link to from your own site.

Read more

Set an event to Elevate (or Amplify) and its widget switches on; the fees and payouts for a sale are the same whichever page the buyer used.

Ready to get started?

Create your first event on BrightStar — it’s free.