# Manual Installation

### Plugin Integration

Web plugin can be installed into any website using this flow.

1. Add the script below to the end of the HTML document body (before the \</body>). Fill in these instructions with your settings (see [description of each setting](#plugin-settings)).

{% code overflow="wrap" fullWidth="false" %}

```html
<script>
        var dmBrandId = "YOUR_BRAND_ID"; //Should be taken from Brand Panel
        var dmBannerBtnSelector = "#openBannerBtn";
        var dmCheckDomain = 'true';
        var dmHandleClicks = 'true';

        var dmDesktopConfig = {
            buttonPosition: "bottom_right", //"bottom_right", "bottom_left"
            buttonMarginLeft: 0,
            buttonMarginRight: 0,
            buttonMarginBottom: 0,
            buttonScale: 70,
        };

        var dmMobileConfig = {
            buttonPosition: "bottom_right", //"bottom_right", "bottom_left"
            buttonMarginLeft: 0,
            buttonMarginRight: 0,
            buttonMarginBottom: 0,
            buttonScale: 40
        };
    </script>
    <script  type="text/javascript" src="https://dm-plugin-assets.s3.us-east-2.amazonaws.com/dm-games-bundle.js"></script>
```

{% endcode %}

2. Go back to the Brand Panel and Approve the Request to connect the plugin to the Brand Panel.

### Plugin settings

{% hint style="info" %}

1. **dmBrandId** (required) - brand Id, that can be taken from the Brand panel
2. **dmBannerBtnSelector** - if website owner wants to make some element of his page clickable to open a plugin - a CSS selector of this element must be provided with this option
3. **dmDesktopConfig.buttonScale, dmMobileConfig.buttonScale** (%) - Discounter Mania button can be downscaled if needed (1-100% of the original size); set option separately for desktop and mobile screen resolutions
4. **dmDesktopConfig.buttonPosition, dmMobileConfig.buttonPosition** - where the button should be placed - "bottom\_right", "bottom\_left" (position of a button is always fixed - it will not disappear from the screen once page is scrolled); set option separately for desktop and mobile screen resolutions
5. **dmDesktopConfig.buttonMarginLeft, dmMobileConfig.buttonMarginLeft** (in pixels) - button can be shifted to the right if needed (if Left bottom position was selected); set option separately for desktop and mobile screen resolutions
6. **dmDesktopConfig.buttonMarginRight, dmMobileConfig.buttonMarginRight** (in pixels) - button can be shifted to the left if needed (if Right bottom position was selected)
7. **dmDesktopConfig.buttonMarginBottom, dmMobileConfig.buttonMarginBottom** (in pixels) - button can be shifted to the top if needed

Please note that the plugin will not work without a Brand ID.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.winday.co/publish-campaigns/publish-on-website/manual-installation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.