Live now widget

Display a widget on any page when a live is ongoing. It will display the live event cover and title, and a button to join the live.

You can add this code to as many pages as you want this widget to appear when a live is ongoing. Nothing will be shown when no live are happening.

// <script>
(function() {
           var spck = {
                storeId: 'XXXXXX',
                customColor: '#000000',
                position: 'bottom-right',
                useDefaultStyles: "true",
                ctaTitle: "Rejoindre le live",
                badgeTitle: "Live",
                displayTimeAfterClosing: "5",
                 staging: "true",
            };
            var el = document.createElement('script');
            el.setAttribute('src', 'https://livenow.spockee.io/index.js');
            el.setAttribute('data-spck', JSON.stringify(spck));
            el.setAttribute('id', 'spockee-live-now');
            document.body.appendChild(el);
        })();
</script>

Property

Description

Type

storeId

Use your unique store id provided by Skeepers, if you have multiple websites, the id can be different

String

customColor

Color of the button "Join the live"

#XXXXXX

position

Widget position, one of the four screen corner: bottom-right bottom-left top-right top-left

String

useDefaultStyles

set this to false if you want to implement your own CSS

Boolean

ctaTitle

Change the text of the "join the live" button

String

badgeTitle

Text of the "live" badge

String

displayTimeAfterClosing

Hiddle time after closing the widget, in seconds

String

staging

To activate on your testing platform : staging: true. It will fetch your events in live and set as staging. Remove this attribute on your production or deactivate it with staging: flase

String

You can insert this snippet: In the <body> tag In the <head> tag, by replacing the line document.body.appendChild(el); with document.head.appendChild(el);

Last updated 2 years ago