Embed

Server monitor widget

Drop one <script> tag into your community site, forum, or Wordpress page. The widget cycles through your servers as a live carousel, pulling hostname, current map, player count, and country flag from boost.warzonecs.com every 30 seconds.

Live preview — one server

With one address, the widget renders a single static card — no carousel controls. The right-hand preview passes data-lang="lt" so the button labels (Connect, Donate, Boost, Copy address, etc.) come back in Lithuanian.

Wide, English (default)

Wide, Lithuanian

Narrow (stacked layout)

Live preview — multiple servers

With two or more addresses, the widget adds carousel controls below the card and auto-advances every six seconds. Users can also flip through with the ‹ and › arrows or by tapping the dots.

Wide (row layout)

Narrow (stacked layout)

Copy-paste snippet

<div id="wzcs-monitor" style="width: 820px; max-width: 100%;"></div>
<script src="https://boost.warzonecs.com/js/embed/monitor.js"
        data-servers="91.211.247.155:27015"
        data-target="#wzcs-monitor"
        data-lang="en"
        async></script>

The widget fills the width of its container and switches to the horizontal row layout above 720 px. Wrap it in a sized element to control how it lays out. Change data-lang to any supported code (see options table below) to localise the button labels and tooltips.

Options

Attribute	Required	Default	Description
data-servers	Yes	—	Comma-separated `ip:port` list. Max 12 servers.
data-target	No	(inline)	CSS selector of the element to render into. Omit to inject next to the script tag.
data-interval	No	30	Refresh interval in seconds (minimum 15).
data-cycle	No	6	Carousel auto-advance in seconds. Set `0` to disable.
data-lang	No	en	UI language. Supported: `en`, `ru`, `pl`, `lt`, `de`, `fr`, `es`, `tr`, `cs`, `pt`, `ro`. Unknown values fall back to English.

Theming

Override any CSS custom property on .wzcs-monitor in your own stylesheet — it applies immediately without touching the widget code.

.wzcs-monitor {
    --wzcs-neutral-900-60: #0a0e1a;
    --wzcs-brand-500: #22d3ee;
    --wzcs-radius-xl: 4px;
    --wzcs-font: "Fira Sans", sans-serif;
}

Full token list documented at the top of /js/embed/monitor.js — neutral palette, brand orange, emerald, rose, amber, plus --wzcs-radius-* and --wzcs-font{,-mono}.