Set-up

In order to insert a widget into your site, you will need to make some changes to the site's code. The widget requires two additions to your code:

Widget script
Widget container

Script

Add the widget's bootstrap.js script to your site's HTML code, anywhere within the body element:

Copy

Copied

<script 
	async 
	src="https://whitelabel-widget.musement.com/bootstrap.js" 
	type="text/javascript"
></script>

Container

Add the widget's container, a div element, wherever you want the widget to appear on your site. The element must contain a data-whitelabel-domain attribute with the domain of your white label page as well as a destination in the form of a set of coordinates or the name of a city.In the example below, a set of coordinates is provided in the data-coords-latitude and data-coords-longitude parameters:

Copy

Copied

<div
	data-whitelabel-domain="whitelabel-address.com" 
	data-coords-latitude="45.466667" 
	data-coords-longitude="9.183333"
></div>

Advanced configuration example

The widget accepts multiple attributes which affect its behavior. In the example below, only 10 activities are shown at a time for the Italian market:

Copy

Copied

<div
	data-whitelabel-domain="whitelabel-address.com" 
	data-coords-latitude="45.466667" 
	data-coords-longitude="9.183333" 
	data-market-prefix="it" 
	data-number-of-elements="10"
></div>

For more information about widget attributes, check out the configuration section.