1. Build the link
// Encode credentials as URL params, then base64
params = "name=My+IPTV&server=http%3A%2F%2Fyour-server.com%3A8080&username=john&password=abc123"
data = base64(params)
// Final URL
https://vizoplay.ellemsoft.com/connect/?type=xtream&data={data}
For M3U, use type=m3u with params name=...&url=...
2. Example (PHP)
$params = http_build_query([
'name' => 'My IPTV',
'server' => 'http://your-server.com:8080',
'username' => $user->username,
'password' => $user->password,
]);
$link = "https://vizoplay.ellemsoft.com/connect/?type=xtream&data="
. urlencode(base64_encode($params));
3. Embed the badge
Replace {LINK} with the generated URL per customer.
<a href="{LINK}" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:10px;padding:10px 20px 10px 14px;background:#0D0D0D;border:1.5px solid #1E1E2E;border-radius:12px;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:border-color 0.2s" onmouseover="this.style.borderColor='#00B4D8'" onmouseout="this.style.borderColor='#1E1E2E'">
<img src="https://vizoplay.ellemsoft.com/icon.png" alt="VizoPlay" style="width:36px;height:36px;border-radius:8px">
<span style="display:flex;flex-direction:column;gap:1px">
<span style="font-size:11px;color:#888;line-height:1">Watch in</span>
<span style="font-size:16px;font-weight:600;color:#fff;line-height:1.2">VizoPlay</span>
</span>
</a>
Click to copy. Self-contained — no external CSS needed.