kontak form redirect ke telegram langsung

membuat halaman kontak redirect langsung ke telegram

Hallo semua pada kesempatan kali ini saya akan membagikan widget kontak form redirect langsung ke telegram.

sudah cukup lama saya tidak update artikel di blog ini karena sibuk dengan pekerjaan saya di luar blogger, hari ini saya sempatkan waktu untuk membagikan widget kontak form sederhana ini.

Selain Untuk membuat halaman kontak redirect langsung ke telegram, kalian juga dapat memodifikasi kode ini untuk keperluan lainnya, misalnya untuk keperluan checkout produk yang langsung ke telegram.

untuk demonya silakan klik tombol di bawah ini, ok buat kalian yang ingin mencobanya mari simak caranya.

Kontak Form Blogger Redirect ke Email

<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/wendycode?text=" + encodeURIComponent(pesan);
    window.location.href = url;
  }
</script>

bagian yang saya tandai berwarna kuning, wendycode, silakan kalian ubah menjadi nama username telegram kalian.

ok jadi sekian kontak form redirect ke telegram langsung yang bisa saya bagikan kali ini semoga bermanfaat dan terima kasih telah berkunjung.