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. Otom

    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 informasi meng

    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

    Jika negara perang, ekonominya akan begini.

    Video ini bukan merupakan bentuk dukungan untuk peperangan yang terjadi. Tapi untuk edukasi bahwa perang itu berdampak buruk dan kita wajib menjunjung tinggi perdamaian. Sumber bisa pakai di sini: https://twitter.com/KyivIndependent/ "Setiap peperangan akan tercatat dalam sejarah. Dan mungkin perjuangan menjaga perdamaian ini akan dilupakan sejarah, tapi itu jauh lebih baik dari sebuah peperangan yang diingat sejarah." Jika suatu negara perang, dampaknya sangat mengerikan. Bahkan bisa berdampak pada seluruh umat manusia. Semua sisi bisa terkena imbasnya. Seperti sosial, agama, pendidikan, budaya termasuk ekonomi. Sebagai gambaran, kini saya akan share keadaan ekonomi Ukraina setelah berbulan-bulan diinvasi oleh Rusia. Nilai mata uang Ukraina anjlok Sejak Rusia memulai invasi Ukraina tanggal 24 Februari 2022 Jam 5 pagi waktu setempat, mata uang ukraina yaitu Hryvnia Ukrainian langsung anjlok. Tapi anjloknya ga banyak sih. Masih tergolong lumayan wajar. Yang tidak wajar itu mal