Client area

What your customers see after ordering a PUQVPNCP-backed service in WHMCS: the home screen with VPN client details and protocol configs, the traffic statistics page, and email notifications.

Home screen
Email notification
Traffic statistics

Home screen

PUQVPNCP module WHMCS

Order now | Download | COMMUNITY | PUQVPNCP

The product details page is the Information tab — the module's main client-facing view. Everything on it is loaded dynamically from the PUQVPNCP panel via AJAX the moment the page opens.

Client area — home screen 12-home-screen-connection.png

The module replaces the default Information sidebar entry with two of its own:

Information — the page documented here.
Traffic statistics — see Traffic statistics.

Sidebar entries 13-home-screen-sidebar.png

User manual

If a Link to instruction is set in the product configuration, a User manual button appears at the top of the page linking to that URL.

Connection status

A live block at the top of the page that polls /api/v1/client/online every 5 seconds (paused while the browser tab is hidden) and shows one card per protocol the client is currently connected on:

WireGuard — blue accent, lock icon
OpenVPN — amber accent, shield icon
IKEv2 — purple accent, key icon

Each card shows: VPN IP, network, endpoint, last handshake (with relative time suffix) and downloaded/uploaded bytes (humanised B/KB/MB/GB). The header pill is Online (green) when at least one protocol reports a session, Offline (red) otherwise.

A manual Refresh button next to the badge forces an immediate fetch.

One-Time Link (OTL)

A button that calls POST /api/v1/client/{name}/otl and displays a single-use self-service URL the customer can open once to configure their device without re-entering credentials.

One-Time Link generated 14-home-screen-otl.png

The link expires after the first use. The endpoint is POST-only — opening the URL by accident in a browser tab does not consume the token.

VPN Client

Static card with the panel's authoritative client record:

VPN Client info 15-home-screen-vpn-client.png

Client name — the identifier on the panel
VPN IP Address — assigned IPv4
Username — auth username (used by IKEv2 / OpenVPN)
Password — auth password (shown as <code>)
Download / Upload limit — Mbit/s caps or Unlimited
Protocols — coloured badges for WireGuard / OpenVPN / IKEv2; only protocols actually enabled on the client's network are shown

A status pill in the top-right reads Enabled (green) when the panel reports status:enable, Disabled (red) otherwise.

WireGuard

Shown when WireGuard is enabled on the client's network:

WireGuard config + QR 16-home-screen-wireguard.png

.conf text in a monospace block with Copy Config and Download buttons
QR code generated by the panel (click to enlarge in a lightbox; close with the × button or Esc)

OpenVPN

Shown when OpenVPN is enabled on the client's network:

OpenVPN profile 17-home-screen-openvpn.png

The full .ovpn profile text with Copy Config and Download buttons.

IKEv2

Shown when IKEv2 is enabled on the client's network:

IKEv2 profile 18-home-screen-ikev2.png

The IKEv2 profile (JSON) with a Download button.

Traffic statistics

The Traffic statistics entry in the sidebar opens a separate page — see Traffic statistics.

Email notification

PUQVPNCP module WHMCS

Order now | Download | COMMUNITY | PUQVPNCP

The module relies on the standard WHMCS Product Welcome Email — it does not send any emails of its own. See Email template for a suggested body and the available variables.

Traffic statistics

PUQVPNCP module WHMCS

Order now | Download | COMMUNITY | PUQVPNCP

A dedicated page in the client area showing monthly traffic for the VPN client. Entered from the service sidebar via Traffic statistics (action_m=traffic_statistics).

Traffic statistics — chart and totals 19-traffic-statistics.png

Controls

Year / Month selectors — default to the current month. The Year dropdown lists the last four years.
Load button — refetches data for the chosen period.

Chart

A line chart rendered with Chart.js showing per-day:

Download (blue line, filled area)
Upload (green line, filled area)

All values are formatted with a human-readable B / KB / MB / GB / TB scale on hover and on the Y axis.

Totals

Two cards below the chart show the aggregated total download (blue) and total upload (green) for the selected month.

Data source

The page calls GET /api/v1/client/{name}/traffic/{year}/{month} on the PUQVPNCP panel every time Load is pressed. The module does not cache samples — values come live from the panel each render.