Cara Membuat Kontak Form Redirect ke Telegram di Blogger

BSD City, Arteesid.com. Dalam dunia blogging, kecepatan komunikasi dengan pengunjung adalah hal penting. Banyak blogger menggunakan email sebagai media utama untuk menerima pesan dari pembaca. Namun, email kadang kurang praktis karena jarang dicek secara rutin. Solusi terbaik adalah menghubungkan contact form Blogger langsung ke Telegram, sehingga setiap pesan masuk akan segera diterima melalui aplikasi Telegram di smartphone.

Mengapa Harus Redirect ke Telegram?

Ada beberapa alasan kenapa contact form diarahkan langsung ke Telegram lebih efektif:

• Respon lebih cepat – Notifikasi pesan akan langsung masuk ke Telegram.
• Praktis – Tidak perlu login ke email untuk membaca pesan.
• Gratis – Tidak ada biaya tambahan karena memanfaatkan API Telegram.
• Mudah diintegrasikan – Cukup dengan beberapa langkah sederhana, form Blogger bisa langsung terhubung.

Dengan begitu, Anda tidak akan kehilangan pesan penting dari pembaca, klien, atau calon pelanggan.

untuk demonya silahkan klik tombol dibawah ini, buat kalian yang ingin mencobanya mari simak caranya di bawah

Langkah Membuat Contact Form Redirect ke Telegram

copi kode html di bawah ini, dan taruh dihalaman yang anda inginkan

<style>
  .wc-tel-kontak-box {
    background: white;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    max-width: 400px;
    margin: 40px auto;
    color: inherit;
  }

  .wc-tel-kontak-box h2 {
    font-size: 20px;
    margin-bottom: 16px;
    text-align: center;
  }

  .wc-tel-kontak-box textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 12px;
    font-size: 16px;
    resize: vertical;
    min-height: 100px;
    margin-bottom: 16px;
    transition: border-color 0.2s;
  }

  .wc-tel-kontak-box textarea:focus {
    border-color: #0088cc;
    outline: none;
  }

  .wc-tel-kontak-box button {
    width: 100%;
    padding: 12px;
    background: #f89000;
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    cursor: pointer;
    
  }


</style>

<div class="wc-tel-kontak-box">
  <h2>Kontak via Telegram</h2>
  <textarea id="pesan" placeholder="Tulis pesan Anda..."></textarea>
  <button onclick="kirimKeTelegram()">Kirim Pesan</button>
</div>

<script>
  function kirimKeTelegram() {
    const pesan = document.getElementById("pesan").value.trim();
    if (!pesan) {
      alert("Silakan isi pesan terlebih dahulu.");
      return;
    }
    const url = "https://t.me/amirarteesid?text=" + encodeURIComponent(pesan);
    window.location.href = url;
  }
</script>

ok, demikian cara membuat kontak form redirect ke telegram di blogger, semoga bermanfaat

sc. https://www.wendycode.com/2025/06/kontak-form-redirect-ke-telegram.html