# JS-Loader The JS-loader is the preferred way to integrate Datablocks widgets. It's basically a script wrapping (and executing) a function that takes as it's input a set of widget tokens and corresponding DOM-element selectors, then fetches the widgets and inserts them into the DOM-elements. In practice, an integration could look like the example below, where an anonymous function takes the requested widget information, fetches the loader, inserts the loader into the page, and adds the specified widgets to the loader's input. #### Credentials needed | Credential | Description | | --------------- | ---------------------------------------------------------- | | \ | The type of widget, i.e. "owner-list", "stock-chart", etc. | | \ | Unique token for the widget | #### Example ```html A Title

Hello World

``` {% hint style="info" %} The query setting has support for any CSS-selector. {% endhint %}

Example for CMS

```javascript

```

Add more widgets to JS-Loader

To add more widgets you need to have a \

with id that matches the one in query, for example: ```javascript

``` ```javascript query:"#inside-this-element3" ``` **NOTE:** The id needs to be unique. 1 element in the loader list consists of: ```javascript { query:"#inside-this-element3" ,widget: "" ,locale: "sv" ,token: "" } ``` between elements a , is needed.