Cara Pasang Bot Telegram di Template Hexlink

Cara Otomatisasi Bisnis dengan Bot Telegram

Setelah kamu berhasil membuat bot Telegram dan mendapatkan token API, langkah selanjutnya adalah menghubungkan bot tersebut dengan sistem di website agar bisa mengirimkan notifikasi otomatis ketika ada transaksi pembelian.

Di artikel lanjutan ini, kita akan membahas cara implementasi otomatisasi tersebut secara praktis. Fokus utamanya adalah bagaimana agar setiap kali pengunjung mengisi form pembelian, informasi transaksinya langsung masuk ke Telegram melalui bot tanpa perlu dicek manual.

Panduan ini sangat cocok digunakan di platform website Blogspot, khususnya untuk pengguna template Hexlink, yang sudah menyediakan sistem form siap pakai dan mudah disesuaikan.

Struktur Sistem yang Digunakan

Untuk mempermudah implementasi, kita akan menggunakan struktur sederhana yang sudah disediakan oleh template Hexlink di platform Blogspot. Sistem ini dirancang agar kamu tidak perlu membuat form dari nol atau menulis script rumit.

Berikut elemen utama yang digunakan:

  1. Form Pembelian
    Form ini sudah tersedia di template Hexlink, yang nantinya akan digunakan oleh pengunjung untuk mengisi data pembelian (nama, produk, catatan, dll).
  2. Gambar Satu - Implementasi Otomatisasi Bisnis dengan Bot Telegram
  3. Bot Telegram
    Bot ini nantinya akan bertugas sebagai CS penerima notifikasi secara otomatis (real-time) pada saat pembelian di isi dan dikirimkan.
  4. Gambar Dua - Implementasi Otomatisasi Bisnis dengan Bot Telegram
  5. Integrasi via HTML Template
    Proses koneksi ini cukup dilakukan sekali saja di dalam template website Hexlink melalui edit HTML, tanpa perlu hosting eksternal atau backend.

Dengan struktur ini, kamu hanya perlu mengganti dua bagian penting yang ada di dalam template Hexlink, yaitu bagian BOT_TELEGRAM_CODE dan CHAT_ID_TELEGRAM lalu simpan. Dan sistem akan langsung aktif serta akan berjalan secara otomatis.

Langkah-langkah Integrasi di Template Hexlink

Untuk menghubungkan form pembelian dengan bot Telegram, kamu hanya perlu melakukan sedikit penyesuaian di template Blogspot yang kamu gunakan. Berikut langkah mudahnya:

  1. Masuk ke Dashboard Blogspot
    Kunjungi situs https://blogger.com lalu login menggunakan akun Google kamu. Pilih blog yang menggunakan template Hexlink.
  2. https://blogger.com/
  3. Masuk ke Menu Tema
    Di sidebar kiri, klik Tema, lalu pilih tombol panah kecil di samping "Sesuaikan", dan klik Edit HTML untuk mengakses kode template.
  4. Gambar Tiga - Implementasi Otomatisasi Bisnis dengan Bot Telegram
    Gambar Empat - Implementasi Otomatisasi Bisnis dengan Bot Telegram
  5. Tekan Ctrl + F untuk Mencari
    Saat editor HTML terbuka, tekan Ctrl + F (di PC) atau gunakan pencarian di browser untuk menemukan bagian kode tertentu dengan cepat.
  6. Cari CHAT_ID_TELEGRAM dan Ganti
    Ketik CHAT_ID_TELEGRAM di kolom pencarian. Setelah ditemukan, ganti teks tersebut dengan chat ID Telegram kamu yang sudah diperoleh sebelumnya.
  7. CHAT_ID_TELEGRAM
    Gambar Lima - Implementasi Otomatisasi Bisnis dengan Bot Telegram
  8. Cari BOT_TELEGRAM_CODE dan Ganti
    Selanjutnya, cari BOT_TELEGRAM_CODE_1 dan BOT_TELEGRAM_CODE_2 lalu ganti nilainya dengan token API dari BotFather.
  9. BOT_TELEGRAM_CODE_1
    BOT_TELEGRAM_CODE_2
    Gambar Enam - Implementasi Otomatisasi Bisnis dengan Bot Telegram
  10. Simpan Perubahan Template
    Setelah semua perubahan dilakukan, klik ikon disket / tombol Simpan di pojok kanan atas editor untuk menyimpan template kamu.
  11. Uji Coba Pengiriman Formulir
    Buka halaman utama blog kamu, lalu coba isi form pembelian. Jika setting berhasil, bot Telegram akan langsung mengirim notifikasi isi form ke akun kamu.

Setelah langkah di atas dilakukan, setiap kali ada pengunjung yang mengisi form pembelian di halaman biolink kamu, sistem akan otomatis mengirim notifikasi ke akun Telegram kamu melalui bot.

INFORMASI: Jika semua langkah di atas terasa membingungkan atau terlalu teknis, jangan khawatir. Kamu bisa langsung hubungi CS melalui Live Chat yang tersedia. Maka CS kami akan siap membantu kamu dalam proses pemasangan hingga notifikasi bot Telegram kamu berjalan dengan lancar.

Kesimpulan

Menggunakan bot Telegram untuk menerima notifikasi pembelian adalah langkah cerdas untuk mengotomatisasi proses bisnis kamu. Dengan hanya beberapa langkah membuat bot, mendapatkan chat ID, dan menyambungkannya ke form pembelian di website kamu sudah bisa menerima pemberitahuan real-time setiap ada order masuk, tanpa perlu cek manual.

Melalui template Hexlink, proses ini jadi jauh lebih mudah karena form dan sistemnya sudah terintegrasi. Cukup masukkan chat ID dan token API ke dalam template, dan bot kamu siap bekerja.

0 Komentar

Artikel Terkait

Cara instal template Hexlink di blogspot

Hai member tercinta! 👋 Kali ini kita akan bahas tutorial lengkap instal template Blogspot yang sering ditanyakan di grup. Buat yang baru bergabung, jangan khawatir - panduan ini dibuat sesimpel mungkin bahkan untuk pemula sekalipun. Cara Instal Template (Step-by-Step) Cara yang pertama. Download template dari link yang udah dibagikan di member area Login ke Blogger → pilih blog target Pilih file XML yang udah didownload Klik Unggah dan tunggu proses selesai Konfirmasi jika ada kendala setelah instal tema Note: Kalo ada notifikasi widget akan dihapus, baca dulu baik-baik. Biasanya template baru udah include widget versi upgrade. Cara yang kedua (Direkomendasikan). Buka file template (cek dengan format file .txt atau .xml) Buka file template Copy semua kode (Ctrl+A → Ctrl+C) Masuk ke dashboard blogger → Tema → Edit HTML Hapus semua kode lama (Ctrl+A → Delete) Paste kode baru (Ctrl+V) Save da...

Template dasar blogspot Hexsio

Template dasar blogspot <!DOCTYPE html> <html lang='id' b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection'> <head> <meta charset="utf-8"/> <title><data:view.title.escaped/></title> <b:skin><![CDATA[/*CSS*/]]></b:skin> </head> <body> <div class="flexsio"> <header> <b:section class='flexsio-container' id='head'> <b:widget id='Header1' type='Header'/> </b:section> </header> <div class='flexsio-container'> <main> <b:section id='flexsio-main-section'> <b:widget id='Blog1' type='Blog'/> </b:section> </main> <...
Live Chat