Skip to main content
This feature is available on all Squarespace plans apart from “Personal”.

​
Add the required CSS and Javascript files

You can add the required files in one of two ways.

​
Option 1: Add files to a single page (recommended)

For best results we recommend adding the scripts just to the page that will feature the widget. Navigate to: Page > Page settings > Advanced > Page Header Code Injection Then add the add the following code:
Using this approach it is possible to have different widget types on different pages.

​
Option 2: Add files site-wide (existing approach)

Navigate to Website > Website Tools > Code Injection. In the section titled footer add the following code:
The settings should save automatically. This is approach is best suited for when you only have one type of widget on your site, but you might have it showing on different pages, with different settings.
Make sure that these files are referenced in the correct order, as outlined above, with the CSS file BEFORE the javascript file.This is required for the layout to function correctly.You can only have one type of widget per page.

​
Add the widget code

The standard widget returns events in a responsive 3 column grid, and thus performs best on a full width section within the Squarespace builder.

​
Create a code block

Navigate to the page where you want to insert the widget, go into ‘EDIT’ mode to add a new full width block and when prompted choose ‘code’.

​
Add the snippet

In the dialogue under the content tab add the following:

​
Add your unique Id

In order for the widget code to work correctly, you must substitute the text YOUR-VENUE-ID with the unique code supplied by Broadcast.

​
Marvel at your widget.

Save the page and exit ‘EDIT’ mode and you should now see the widget with all your events loading on your page!
Last modified on March 8, 2026