# 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:


```html
<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:


```html
<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:


```html
<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](/widgets/configuration).