Squarespace
In order to succesfully add the widget to your Squarespace website you will need to have an account with support for Code Injection.
This feature is available on all Squarespace plans apart from "Personal".
Add the required CSS and Javascript files
Navigate to Website / Website Tools / Code Injection.
In the section titled footer add the following code:
<link href="https://widgets.broadcast.events/v2/listings/widget.css" rel="stylesheet" />
<script src="https://widgets.broadcast.events/v2/listings/widget.js" type="module"></script>
The settings should save automatically.
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.
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:
<div id="bc-widget" data-venue="YOUR-VENUE-ID" data-hidevenue="true" data-grid="true" data-recommended="false" data-key="" data-accentcolor="#dc566f"></div>
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!