Mathew Jordan
Mathew Jordan
AGentZ Revenue Vault ⚡
← Kembali ke Vault
⚡ Modul Gratis #5 • ⏱ 5-Min Deploy • Open Source Link-in-Bio

Open Source Linktree Alternative Template (Rp 0 Self-Hosted)

Kendalikan 100% data pengunjung Anda. Template landing page link-in-bio ultra-cepat berbasis HTML + Tailwind CSS, siap deploy gratis ke GitHub Pages atau Vercel.

Oleh Mathew Jordan • Update September 2026

Mengapa membayar $10 - $25/bulan ke platform link-in-bio pihak ketiga jika Anda bisa memiliki domain sendiri (seperti jordanengo.com) dengan performa page load di bawah 300 milidetik?

Template ini sudah dioptimasi untuk conversion tracking, responsive mobile layout, dan built-in dynamic lead capture modals.

🚀 Keunggulan Self-Hosted: Zero monthly cost, custom domain gratis, direct integration ke webhook Anda, dan tidak ada branding watermark platform lain.

1

Starter Template Code (HTML + Tailwind)

index.html (Link-in-Bio Starter) 
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Your Name — Links</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-[#0e1017] text-white min-h-screen flex flex-col items-center py-12 px-4">
  <div class="w-full max-w-md space-y-6 text-center">
    <!-- Profile Header -->
    <img src="avatar.jpg" alt="Profile" class="w-24 h-24 rounded-full mx-auto border-2 border-yellow-400 object-cover">
    <h1 class="text-xl font-bold">Nama Bisnis / Creator</h1>
    <p class="text-xs text-gray-400">Bantu bisnis Anda scale dengan sistem otomatis ⚡</p>

    <!-- Link Items -->
    <div class="space-y-3 pt-4">
      <a href="https://wa.me/628123456789" class="block w-full py-3.5 px-4 bg-[#161926] hover:bg-white/10 border border-white/10 rounded-xl font-medium text-sm transition">
        💬 Chat WhatsApp Konsultasi
      </a>
      <a href="https://youtube.com/@channel" class="block w-full py-3.5 px-4 bg-[#161926] hover:bg-white/10 border border-white/10 rounded-xl font-medium text-sm transition">
        📺 Tonton Video Terbaru di YouTube
      </a>
      <a href="/p/whatsapp-chatbot-crm.html" class="block w-full py-3.5 px-4 bg-yellow-400 hover:bg-yellow-300 text-black font-bold rounded-xl text-sm transition shadow-lg">
        🎁 Akses Bahan Gratis (Setup CRM)
      </a>
    </div>
  </div>
</body>
</html>
2

Deploy ke GitHub Pages dalam 3 Langkah

  1. Buat repository baru di GitHub bernama linktree (atau username.github.io).
  2. Upload file index.html dan gambar avatar Anda.
  3. Buka menu Settings ➔ Pages di GitHub, pilih branch main, dan klik Save. Website Anda langsung live di internet dalam 30 detik!

⚠️ Link-in-Bio Statis vs Gamified Revenue Engine

Memasang daftar link biasa sering membuat calon klien bingung harus klik yang mana (decision fatigue). Dengan menerapkan 1 Hook per Reel + Gamified Vault Unlock, konversi dari penonton reel ke jadwal appointment meningkat hingga 300%.

🔥 UPGRADE YOUR FUNNEL

Mau Kita Rancang Landing Page & Funnel Penjualan Anda?

Jadwalkan 15-Minute Revenue Leak Audit untuk membedah copywriting penawaran, alur traffic, dan sistem closing otomatis Anda.

📅 Book Free 15-Min Audit → 🔓 Buka Modul Lain di Vault