Winday - Help Center
HomepageLogin Brand Panel
English
English
  • What is Winday
  • Getting Started
  • Create Campaigns
    • Create Instant Game
      • Discount Codes
    • Create Tournament Game
      • Booster Codes
    • Supervised Setup
  • Publish Campaigns
    • Game link
    • QR Code
    • Connect to custom domain (Change CNAME)
    • Publish on Website
      • Manual Installation
      • Shopify
      • WordPress
      • Joomla
    • Publish in Mobile App
      • WebView
      • Unity
    • Publish in Telegram Bot
    • Winday Club Visibility
    • Winday Club Brand Page
  • Analytics
    • Built-in Analytics
    • Google Analytics
  • Winday Account
    • User Account
    • Brand Settings
      • Brand Verification
    • Payment Plan
  • API
    • Booster Codes API
  • FAQ & Tutorials
    • FAQ
    • Video Tutorials
  • Releases
    • Dec 2024 - Brand Landing Page, Localization, Partner Program, and Much More
    • Aug 2024 - New Features, New Publishing Options
  • Legal
    • Terms of Service
    • Privacy Policy
    • Cookies
Powered by GitBook
On this page
  • Plugin Integration
  • Plugin settings

Was this helpful?

  1. Publish Campaigns
  2. Publish on Website

Manual Installation

PreviousPublish on WebsiteNextShopify

Last updated 1 year ago

Was this helpful?

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 ).

<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>
  1. Go back to the Brand Panel and Approve the Request to connect the plugin to the Brand Panel.

Plugin settings

  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.

description of each setting