1<!doctype html>
2<html lang="en-US">
3<head>
4 <meta charset="utf-8" />
5 <!-- Site icon / favicon -->
6 <link rel="icon" href="https://theservice4u.com/The-Service-4-U_transparent.webp" sizes="32x32"/>
7 <link rel="icon" href="https://theservice4u.com/The-Service-4-U_transparent.webp" sizes="192x192"/>
8 <meta name="viewport" content="width=device-width, initial-scale=1" />
9 <title>IPTV Installation Guide & Manual Installation Help & Setup</title>
10<meta name="description" content="Complete IPTV installation guide with step-by-step manual installation for Fire TV, Android, iOS, Windows, macOS & Web Player access portal login help."/>
11<link rel="canonical" href="https://theservice4u.com/install/"/>
12<script async src="https://www.googletagmanager.com/gtag/js?id=G-734JR93773"></script>
13<script>
14 window.dataLayer = window.dataLayer || [];
15 function gtag(){dataLayer.push(arguments);}
16 gtag('js', new Date());
17
18 gtag('config', 'G-734JR93773');
19</script>
20 <meta name="robots" content="noindex, nofollow" />
21 <link rel="preconnect" href="https://fonts.googleapis.com">
22 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;800&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
23 <style>
24 :root {
25 --bg: #ffffff;
26 --surface: #f4f6fa;
27 --border: #e1e5ed;
28 --text: #1a1e2a;
29 --muted: #6b7485;
30 --accent: #2f72f5;
31 --accent-dim: rgba(47,114,245,.08);
32 --header-bg: rgba(255,255,255,.92);
33 --max: 860px;
34 --radius: 14px;
35 }
36
37 @media (prefers-color-scheme: dark) {
38 :root {
39 --bg: #080a0f;
40 --surface: #0f1320;
41 --border: #1e2537;
42 --text: #dde3ef;
43 --muted: #7e8aa0;
44 --accent: #4f8ef7;
45 --accent-dim: rgba(79,142,247,.12);
46 --header-bg: rgba(8,10,15,.92);
47 }
48 }
49
50 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
51
52 html, body {
53 background: var(--bg);
54 color: var(--text);
55 font-family: 'DM Sans', system-ui, sans-serif;
56 font-size: 16px;
57 line-height: 1.6;
58 }
59
60 a { color: var(--accent); text-decoration: none; }
61 a:hover { text-decoration: underline; }
62
63 code {
64 font-family: 'DM Mono', monospace;
65 font-size: .85em;
66 background: var(--accent-dim);
67 padding: 2px 7px;
68 border-radius: 6px;
69 border: 1px solid var(--border);
70 color: var(--accent);
71 }
72
73 /* Top Banner */
74 .topbar {
75 background: var(--accent);
76 text-align: center;
77 padding: 11px 16px;
78 font-weight: 800;
79 font-size: 14px;
80 letter-spacing: .04em;
81 }
82 .topbar a {
83 color: #fff;
84 text-decoration: none;
85 display: inline-flex;
86 align-items: center;
87 gap: 8px;
88 }
89 .topbar a:hover { text-decoration: underline; }
90 .topbar-badge {
91 background: rgba(255,255,255,.2);
92 border-radius: 999px;
93 padding: 3px 10px;
94 font-size: 12px;
95 font-weight: 900;
96 letter-spacing: .06em;
97 }
98
99 /* Header / Nav */
100 header {
101 position: sticky;
102 top: 0;
103 z-index: 100;
104 background: var(--header-bg);
105 backdrop-filter: blur(14px);
106 border-bottom: 1px solid var(--border);
107 }
108
109 .wrap { max-width: var(--max); margin: 0 auto; padding: 0 20px; }
110
111 .nav {
112 display: flex;
113 align-items: center;
114 justify-content: space-between;
115 gap: 16px;
116 padding: 14px 0;
117 }
118
119 .brand {
120 display: flex;
121 align-items: center;
122 gap: 9px;
123 font-weight: 800;
124 font-size: 17px;
125 color: var(--text);
126 white-space: nowrap;
127 }
128 .brand-dot {
129 width: 9px; height: 9px;
130 border-radius: 50%;
131 background: var(--accent);
132 flex-shrink: 0;
133 }
134
135 .menu-btn {
136 display: none;
137 border: 1px solid var(--border);
138 background: transparent;
139 color: var(--text);
140 padding: 9px 14px;
141 border-radius: 10px;
142 font-weight: 700;
143 font-size: 14px;
144 cursor: pointer;
145 font-family: inherit;
146 }
147 .menu-btn:hover { background: var(--surface); }
148
149 nav ul {
150 list-style: none;
151 display: flex;
152 gap: 2px;
153 align-items: center;
154 }
155 nav a {
156 display: inline-block;
157 padding: 7px 11px;
158 border-radius: 9px;
159 color: var(--muted);
160 font-weight: 600;
161 font-size: 14px;
162 transition: color .15s, background .15s;
163 }
164 nav a:hover { color: var(--text); background: var(--surface); text-decoration: none; }
165
166 @media (max-width: 760px) {
167 .menu-btn { display: inline-flex; align-items: center; gap: 7px; }
168 nav { position: relative; }
169 nav ul {
170 display: none;
171 position: absolute;
172 right: 0; top: 52px;
173 width: min(320px, calc(100vw - 32px));
174 background: var(--bg);
175 border: 1px solid var(--border);
176 border-radius: var(--radius);
177 padding: 8px;
178 flex-direction: column;
179 align-items: stretch;
180 gap: 4px;
181 box-shadow: 0 16px 40px rgba(0,0,0,.12);
182 }
183 nav ul.open { display: flex; }
184 nav a { padding: 11px 12px; font-size: 15px; }
185 }
186
187 /* Main */
188 main { padding: 40px 0 60px; }
189
190 .page-title { font-size: 32px; font-weight: 800; line-height: 1.15; margin-bottom: 10px; }
191
192 .page-sub {
193 color: var(--muted);
194 margin-bottom: 28px;
195 max-width: 620px;
196 }
197
198 /* Cards */
199 .card {
200 background: var(--surface);
201 border: 1px solid var(--border);
202 border-radius: var(--radius);
203 padding: 22px;
204 margin-bottom: 14px;
205 }
206
207 .card h2 {
208 font-size: 19px;
209 font-weight: 800;
210 margin-bottom: 14px;
211 color: var(--text);
212 }
213
214 .note {
215 border-left: 3px solid var(--accent);
216 padding: 12px 14px;
217 background: var(--accent-dim);
218 border-radius: 10px;
219 font-size: 15px;
220 }
221 .note strong { color: var(--text); }
222
223 ol, ul { margin: 10px 0 0 20px; }
224 li { margin: 9px 0; color: var(--text); font-size: 15px; }
225
226 p { margin-top: 12px; font-size: 15px; color: var(--text); }
227 p:first-child { margin-top: 0; }
228
229 /* Footer */
230 footer {
231 border-top: 1px solid var(--border);
232 padding: 20px 0;
233 color: var(--muted);
234 font-size: 13px;
235 }
236 .footer-row {
237 display: flex;
238 justify-content: space-between;
239 gap: 12px;
240 flex-wrap: wrap;
241 }
242 </style>
243</head>
244<body>
245
246 <div class="topbar" role="region" aria-label="Shop plans">
247 <a href="https://theservice4u.com/all-plans/" rel="noopener">
248 <span class="topbar-badge">SHOP ALL PLANS</span>
249 View pricing and subscribe →
250 </a>
251 </div>
252
253 <header>
254 <div class="wrap">
255 <div class="nav">
256 <div class="brand" aria-label="The Service 4 U">
257 <span class="brand-dot" aria-hidden="true"></span>
258 The Service 4 U
259 </div>
260
261 <nav aria-label="Primary">
262 <button id="menuBtn" class="menu-btn" aria-expanded="false" aria-controls="menuList">
263 ☰ Menu
264 </button>
265 <ul id="menuList">
266 <li><a href="https://theservice4u.com/">Home</a></li>
267 <li><a href="https://theservice4u.com/install/">Installation</a></li>
268 <li><a href="https://theservice4u.com/clients/clientarea.php">My Account</a></li>
269 <li><a href="https://theservice4u.com/clients/clientarea.php">Support</a></li>
270 <li><a href="https://theservice4u.com/resellers/">Resellers</a></li>
271 </ul>
272 </nav>
273 </div>
274 </div>
275 </header>
276
277 <main>
278 <div class="wrap">
279 <h1 class="page-title">Installation Instructions</h1>
280 <p class="page-sub">
281 Use your IPTV login details. When an app asks for a server address or portal URL, enter
282 <code>https://port.theservice4u.com:443 or http://port.theservice4u.com:80</code>.
283 </p>
284
285 <div class="card">
286 <div class="note">
287 <strong>Compatibility:</strong> Our service works with Firestick, Android TV, NVIDIA Shield, Apple TV, Mac, PC, iOS, and iPadOS.
288 Smart TV support is available for select players — compatibility is not guaranteed for native Smart TV apps,
289 but external devices connected to a Smart TV work fine.
290 </div>
291 </div>
292
293 <div class="card" id="fire-tv">
294 <h2>🔥 Fire TV (via Downloader)</h2>
295 <ol>
296 <li>Go to <strong>Settings → My Fire TV</strong>. If you don’t see Developer Options, tap <em>About</em>, then tap your device name 7 times until a message appears. Press Back — Developer Options will now show. Enable <strong>Apps from Unknown Sources</strong>.</li>
297 <li>Download <strong>Downloader</strong> from the Amazon App Store.</li>
298 <li>Open Downloader, go to its Home screen, and enter one of these codes:
299 <code>2597942</code> (IBO Player) | <code>663568</code> (XCIPTV) | <code>1827506</code> (IPTV Smarters)</li>
300 <li>The app downloads and installs automatically.</li>
301 <li>Open the installed player and enter your IPTV login credentials.
302 Server/portal URL: <code>https://port.theservice4u.com:443 or http://port.theservice4u.com:80</code></li>
303 </ol>
304 </div>
305
306 <div class="card" id="android">
307 <h2>🤖 Android Streaming Devices</h2>
308 <ol>
309 <li>Search for <strong>IPTV Smarters</strong> on the Google Play Store, or use Downloader with one of these codes:
310 <code>2597942</code> (IBO Player) | <code>1827506</code> (IPTV Smarters) | <code>663568</code> (XCIPTV)</li>
311 <li>Install the app, then log in using:
312 Server/portal URL: <code>https://port.theservice4u.com:443 or http://port.theservice4u.com:80</code></li>
313 </ol>
314 </div>
315
316 <div class="card" id="ios">
317 <h2>🍎 iOS & iPadOS</h2>
318 <p>
319 Download <strong>Smarters Player Lite</strong> from the App Store:
320 <a href="https://apps.apple.com/in/app/smarters-player-lite/id1628995509" target="_blank" rel="noopener">Download →</a>
321 </p>
322 <p>When prompted, select <strong>Xtream Codes</strong> as the login method and enter:
323 <code>https://port.theservice4u.com:443 or http://port.theservice4u.com:80</code></p>
324 </div>
325
326 <div class="card" id="windows">
327 <h2>💻 Windows PC</h2>
328 <p>Download any IPTV player from the Microsoft Store, then log in with:</p>
329 <ul>
330 <li>Server / portal URL: <code>https://port.theservice4u.com:443 or http://port.theservice4u.com:80</code></li>
331 <li>Login method: <strong>Xtream Codes</strong></li>
332 </ul>
333 </div>
334
335 <div class="card" id="mac">
336 <h2>🍏 macOS</h2>
337 <p>
338 Download the IPTV Smarters Mac app:
339 <a href="https://www.iptvsmarters.com/download?download=mac" target="_blank" rel="noopener">Download →</a>
340 </p>
341 <p>Server / portal URL: <code>https://port.theservice4u.com:443 or http://port.theservice4u.com:80</code></p>
342 </div>
343
344 <div class="card" id="browser">
345 <h2>🌐 Web Browser</h2>
346 <p>
347 Open the <a href="http://webtv.iptvsmarters.com/" target="_blank" rel="noopener">IPTV Smarters WebTV Player →</a>
348 </p>
349 <p>Enter your login credentials. In the URL field (pre-filled with <em>https://example.com</em>), replace it with:
350 <code>https://port.theservice4u.com:443 or http://port.theservice4u.com:80</code></p>
351 </div>
352 </div>
353 </main>
354
355 <footer>
356 <div class="wrap">
357 <div class="footer-row">
358 <span>© 2026 The Service 4 U</span>
359 <span>Powered by The Service 4 U</span>
360 </div>
361 </div>
362 </footer>
363
364 <script>
365 (function () {
366 var btn = document.getElementById('menuBtn');
367 var list = document.getElementById('menuList');
368
369 btn.addEventListener('click', function () {
370 var open = list.classList.toggle('open');
371 btn.setAttribute('aria-expanded', String(open));
372 });
373
374 document.addEventListener('click', function (e) {
375 if (!list.classList.contains('open')) return;
376 if (btn.contains(e.target) || list.contains(e.target)) return;
377 list.classList.remove('open');
378 btn.setAttribute('aria-expanded', 'false');
379 });
380
381 document.addEventListener('keydown', function (e) {
382 if (e.key === 'Escape') {
383 list.classList.remove('open');
384 btn.setAttribute('aria-expanded', 'false');
385 }
386 });
387 })();
388 </script>
389</body>
390</html>
391