Embedding Multiple Ticket Widgets on the Same Page

The Ticket Widget Generator now supports generating code for multiple widgets in one pass. Here's how to enable multi-widget mode, configure each widget, and embed the final code in your website.

Accessing the Ticket Widget Generator:

• Log in to your Purplepass event organizer dashboard
• Select Tools from the top navigation bar

• Select the Ticket Widgets option

Enabling Multi-Widget Mode

• In the widget generator, check Multiple widget on

• Select your first event, and click Apply
• The Choose widget # dropdown appears. The first entry is Widget 1

Adding & Configuring Widgets

Add Widget

• Click + to create Widget 2, Widget 3, and so on
• Each widget is listed separately in the dropdown

Select Events

• For each widget, choose the event to display

Choose Display Elements (per widget)

• Event Hero
• Event Details
• Description
• Images and Videos
• Map
• Other Advanced Configurations

Generating and Embedding the Code on Your Site

• After all widgets are configured, click Generate Code, it will copy to your clipboard
• First, take the script tag
• Paste this single <script> just before </body> on the page
• The same script handles every widget on that page

• There will be 1 div placeholder per widget
• Each <div> represents one event widget

• Place the divs wherever you want their widgets to appear
• Save and publish. Refresh the page to verify each widget renders in its assigned spot

Example: If you create 4 widgets you’ll embed 1 script tag + 4 div containers (one for each widget).