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