Footlight Listing Widget Demo

Welcome to the demo page.

iFrame Integration

The Footlight Widget can be added to a webpage using an iFrame. The iFrame code to copy/paste is generated in the Footlight CMS with customizable options. This is the simplest way to integrate the widget.

V2 NAC Page English

Div Integration

The Footlight Widget can be added to a webpage using a Div. The Div code requires a manual configuration of the widget parameters. This is the most flexible and seamless way to integrate the widget, and can intergate with Google Analytics.

V1 Widget on NAC Page

V2 Widget on NAC Page English

V2 Widget on NAC Page Japanese

The following code can be copied into a webpage.

    
      <script defer="defer" src="https://listing-widget.footlight.io/v2/static/js/widget.js"></script>
      <link href="https://listing-widget.footlight.io/v2/static/css/widget.css" rel="stylesheet"> 
      <div id="calendar-widget" 
        data-calendar="nac-osaka"
        data-locale="en" 
        data-redirection-mode="NONE"
        data-color="#ED2125" 
        data-limit="6" 
        data-font="Roboto"
        data-show-footer="false"
        data-always-on-date-picker="false"
        data-disable-grouping="true"
        data-filter-options="DATES|PLACE">
      </div>

Share Links

The widget supports external shareable links (also called deep linking) with parameters to filter events.

For example a link can be shared on social media or put into a QR code to view events by place ID or artist ID or date range.

Test share link to view Events at Pop-up Stage South

Google Analytics

More details COMING 2025-03-04.

Google Analytics is active on the pages of this demo website for testing purposes. The widget integrates with the Google Analytics if setup by the parent webpage. The Footlight widget does not do any tracking on its own. The DIV integration includes the following additional events sent to the Google Analytics property of the parent webpage:

list_events - when the widget calls the calendar/events API.
list_share - when a user clicks on the event list share button.
event_click - when a user clicks on an event in the list.
event_share - when a user clicks on the event details share button.
artist_url - when a user clicks on the artists website link or social media links.

Performance

The widget is built with React and designed to be fast and lightweight. The widget is loaded asynchronously and does not block the loading of the parent webpage. The widget is optimized for performance and is designed to work on mobile devices with limited bandwidth.

Widget JS is loaded asynchronously.
Widget JS is 250 KB compressed.
Widget code is stored on Amazon S3 and uses CloudFront with edge points around the world.
Images use CloudFront CDN with edge points around the world.

Technical Support

Culture Creates provides technical support for the Footlight widget using a centralized Github issue repository for all Culture Creates products and services.

Please open an issue here: https://github.com/culturecreates/tech-support-tickets