Langsung ke konten utama

Cara Membuat Tombol WhatsApp di web atau Setiap Postingan Artikel



Tombol WhatsApp dapat mempermudah pembaca untuk menghubungi Anda setelah membaca artikel di situs web Anda. 

Dengan menambahkan tombol WhatsApp di setiap postingan artikel, Anda bisa mendapatkan komunikasi yang lebih langsung.

Dan berikut Cara Membuat Tombol WhatsApp di Setiap Postingan Artikel

Langkah 1: Siapkan Kode Tombol WhatsApp

Dalam langkah pertama, siapkan kode tombol WhatsApp yang akan ditempatkan di setiap postingan artikel:

        <hr>
        <div style="position: fixed; bottom: 70px; right: 27px; z-index: 99;">
            <a href="https://wa.me/6283155710579" target="_blank" rel="noopener">
                <img src="https://www.pengacaraanda.com/wp-content/uploads/2023/08/WA-logo@65x.png" width="40" height="40" alt="Hubungi Kami Melalui WhatsApp" />
            </a>
        </div>
    

Langkah 2: Tempatkan Kode pada Artikel

Tempatkan kode di bawah setiap artikel pada situs web Anda. Gunakan format html ketika menempelkan kode ini. 

        <!-- Konten artikel Anda -->

        <!-- Tempatkan kode tombol WhatsApp di sini -->
        <hr>
        <div style="position: fixed; bottom: 70px; right: 27px; z-index: 99;">
            <a href="https://wa.me/6283155710579" target="_blank" rel="noopener">
                <img src="https://www.pengacaraanda.com/wp-content/uploads/2023/08/WA-logo@65x.png" width="40" height="40" alt="Hubungi Kami Melalui WhatsApp" />
            </a>
        </div>
    
Oiya, untuk membuat link wa, bisa gunakan ini: https://respond.io/id/whatsapp-link-generator

Dan berikut Cara Membuat Tombol WhatsApp di Website Anda

Dengan cara ini, tombolnya akan selalu nampil dimanapun. Jadi tidak selalu menempelkan di setiap postingan artikel.

Baik di bloger atau wordpress, tambahkan widget baru. Pilih html dan tempelkan kode di atas pada kolom widget.

Klik save. Beres

Penutup

Dengan mengikuti langkah-langkah di atas, Anda dapat dengan mudah menambahkan tombol WhatsApp di setiap postingan artikel di situs web Anda. Tombol ini akan memberikan kemudahan bagi pembaca untuk menghubungi Anda melalui WhatsApp dan berbagi tanggapan mereka tentang artikel yang telah mereka baca. Pastikan kode Anda bekerja dengan baik di berbagai perangkat dan browser.

Cobain ini:


Atau mau yang seperti itu? Hehehe. 

Kalau mau yang mengetik sendiri seperti itu, gunakan kode ini:
  <style>
    .message-box {
      text-align: center;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      background-color: #c7dcff;
      width: 300px;
    }
    .message-box label {
      display: block;
      margin-bottom: 10px;
      font-weight: bold;
    }
    .message-box input {
      width: 100%;
      padding: 10px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 7px;
      background-color: #e0ecff;
    }
    .message-box button {
      background-color: #007BFF;
      color: white;
      border: none;
      padding: 10px 15px;
      border-radius: 5px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .message-box button:hover {
      background-color: #0056b3;
    }
  </style>
<center>
  <div class="message-box">
    <label>Tulis pesan pertama Anda atau biarkan kosong dan klik tombol di bawah untuk kirim pesan via WhatsApp:</label>
    <input id="pesan" type="text" placeholder="Tulis pesan pertama Anda di sini" />
    <button id="kirim" onclick="sendMessage()">Kirim Pesan Via WA</button>
  </div>

  <script>
    function sendMessage() {
      var pesan = encodeURIComponent(document.getElementById("pesan").value);
      var link = "https://wa.me/6283155710579?text=" + pesan;
      window.open(link, "_blank");
    }
  </script>
</center>
Pastikan kamu ganti nomornya!!

Dan ini perintah uktuk membuat artikel dengan AI:

Saya hendak membuat artikel yang ditargetkan ke xxxx yang berada di xxxx. 

Jadi bertindaklah sebagai spesialis SEO dan seorang copy writer handal!

Lalu tuils artikel dengan format html yang 100% unik dalam bahasa Indonesia dengan judul: "xxxx". Artikelnya harus mengandung:
  • meta deskripsi dengan panjang maksimal 150 karakter saja,
  • Pendahuluan,
  • heading (h2),
  • sub heading (h3, h4),
  • bullet points or numbered list (jika dibutuhkan) and conclusion.

  • make sure article is plagiarism free. The minimum length of article should be 600 words. Don't forget to use question mark (?) at the end of questions.

    Serta tambahkan call to action di bagian akhir. 

    Pastikan juga kamu menggunakan sudut pandang saya yang menggunakan artikel sebagai media penjualan. Jangan tulis artikel yang hanya informatif saja.

    Tulisan paling banyak dibaca:

    Kursus Gratis 3,5 Bulan - RATUSAN JUTA DARI GOOGLE

    Event ini merupakan dedikasi sosial dalam rangka sedekah ilmu agar aku bisa mewariskan ilmu yang benar-benar bermanfaat untuk orang lain. Di sesi kali ini, terbatas hanya untuk 10 peserta saja. Dan biaya kursus pembuatan website + SEO nya yang biasanya 9juta ke atas, ga perlu bayar dengan uang.  Cukup bayar dengan doa terbaik saja. Pertemuan offline bertempat di Resto Pak Raden, Purwokerto, Jateng. Cari di Google Maps. Mulai hari Minggu, 23 Juli 2023 jam 16.00. Pertemuan pertama dan kedua berdurasi 4-5 jam. Berikutnya via online maksimal 4 jam. Tapi tetap bisa diskusi di grup wa. Silahkan daftar dengan isi form di bawah. Tapi sebelumnya, aku mau cerita sedikit bagaimana ini bisa sangat membantu ekonomi Anda. Sudah puluhan tahun terakhir, produk Google menjadi salah satu alat paling disukai untuk menemukan semua hal oleh semua orang di dunia. Seperti website, Google Maps, dan YouTube. Misal Anda punya produk risolles untuk acara. Dan Anda menaikkan risolles di produk-produk Google. ...

    Ga Perlu Mikir. Ini 3 Cara Bikin Konten Website Walau Ga Tau Apa-Apa

    Ga perlu pusing. Untuk membuat ide dan menulis konten website, kamu bisa langsung seperti lulusan S5 di Universitas Langit ke 7 walaupun ga tau apa-apa tentang topik yang dibahas. Hhhh Saya share 3 cara membuat konten. Baca semua ya. Soalnya saya nulis poin pentingnya doang. ga bertele-tele. Saya sudah buatkan perintah ke AI di teks box. Anda tinggal dan salin. Udah beres!! Kalau gambarnya agak burem, klik dulu gambarnya dan lakukan zoom in di gambar itu. 1. Gunakan Open AI. Karyawan virtual yang lebih cerdas dari 7,9 miliar penduduk bumi. GRATIS lagi. Begini Caranya: A. Buka atau buat akun dulu di  https://chat.openai.com/ .  Ini tampilan awalnya setelah punya akun. B. Langsung perintahkan dia untuk membuat 50 samai 1.000 ide konten yang relevan dengan website kita terlebih dahulu. Misal website membahas pengacara, maka perintahkan saja dengan ketik: Saya baru saja memiliki website baru dengan alamat pengacaraanda.com yang menyediakan infor...

    Jangan Tandatangani Sebelum Membaca Ini: Memahami Hak dan Kewajiban dalam Kontrak Anda

    Ini hasil dari AI yang belum dirubahsama sekali. Kita perlu rubah dengan membagi paragraf menjadi pendek-pendek. Bisa jadi 1 kalimat itu menjadi 1 paragraf. Misal paragraf pertama. itu harusnya dijadiin 2 paragraf. Agar membacanya lebih enak. Ga bikin puyeng. Terus Kontak yang dihubungi juga perlu dirubah. Sebelum menandatangani kontrak, penting bagi Anda untuk memahami hak dan kewajiban yang terkait. Terlalu sering, orang terjebak dalam masalah hukum karena mereka tidak benar-benar memahami isi kontrak yang mereka tanda tangani. Artikel ini akan memberikan panduan lengkap tentang hal-hal yang perlu Anda perhatikan sebelum menandatangani kontrak apapun. Pentingnya Memahami Kontrak Mengerti dan memahami isi kontrak merupakan langkah yang sangat kritis sebelum Anda menandatanganinya. Sebuah kontrak adalah perjanjian hukum yang mengikat antara dua pihak, dan setiap butir perjanjian memiliki implikasi hukum. Kurangnya pemahaman terhadap kontrak dapat menyebabkan masalah dan konsek...

    Membuat Artikel yang SEO Friendly & Persuasif sehingga bisa di halaman pertama google dan mendatangkan penjualan

    Inti dari artikel yang SEO Friendly adalah: Judul mengandung kata kunci Isi artikel mengandung 3 kata kunci untuk artikel 350 kata Isi artikel mengandung semantic atau kata yang sepadan dengan kata kunci.  Sebar kata kunci sewajarnya. Tulisannya unik Format penulisannya rapi. Ada judul, sub judul, penomoran dll. Lengkap dengan media seperti gambar dan video Ada dua link yang menuju ke artikel lain di website kita dan satu link menuju website lain yang memiliki reputasi yang baik Minimal 400 kata Dan inti dari artikel yang bisa membujuk pembaca agar mau segera membeli produk/jasa kita adalah: Menyebutkan masalah pembaca Perburuk keadaan jika tidak membeli sekarang Kalimatnya persuasif Kasih diskon Kasih keterbatasan waktu Call to action / ajakan untuk segera bertindak (membeli atau mendaftar) Kita bahas satu-satu. 1. Judul mengandung kata kunci Jadi pertama kita riset dulu kata kunci yang diketikkan oleh orang-orang di Google. Setelah itu, masukkan kata kuncinya di judul. Misalnya j...