Blog

Cara menambahkan tombol telepon click-to-call di WordPress

Tanggal Pembaruan Terakhir: 
Cara menambahkan tombol telepon click-to-call di WordPress

Karena 63 persen konsumen lebih suka mencari informasi tentang produk atau layanan melalui perangkat seluler, kemungkinan besar situs Anda sedang dilihat dari layar ponsel. Dan karena banyak dari konsumen ini sedang terburu-buru dan ingin segera menghubungi Anda, setiap langkah tambahan antara mereka dan proses menghubungi Anda meningkatkan kemungkinan mereka menyerah dan beralih ke kompetitor.

Nomor telepon yang ditulis sebagai teks biasa di situs Anda termasuk langkah tambahan — pengunjung harus mencatat nomor tersebut, meninggalkan situs Anda, membuka aplikasi telepon, lalu mengetiknya. Tombol telepon click-to-call menggantikan semua itu dengan satu ketukan yang langsung memulai panggilan. 

WordPress memungkinkan Anda membuat tombol yang memulai panggilan menggunakan editor blok untuk mengubah tombol apa pun menjadi link nomor telepon. Yang tidak disediakan WordPress adalah tombol telepon mengambang yang tetap terlihat di layar saat pengunjung menggulir dan muncul di setiap halaman situs Anda.

Ada dua cara untuk menempatkan tombol telepon di situs Anda: Anda dapat membuat tombol Gutenberg bawaan dan mengatur tautannya ke URL “tel:”, yang berfungsi tetapi hanya tetap di posisi tempat Anda meletakkannya, atau Anda dapat menggunakan widget hosted gratis yang mengambang di atas halaman dan mengikuti pengunjung saat mereka menggulir.

Jika Anda pemilik bisnis lokal, pekerja lepas, atau ahli formulir WordPress yang ingin menambahkan tombol telepon click-to-call di WordPress, panduan ini membahas kedua opsi tersebut. Ini juga cara cerdas untuk mulai mempelajari cara menggunakan WordPress, karena tidak ada opsi yang memerlukan kode.

Opsi 1: Membuat tombol Gutenberg bawaan secara manual

Anda dapat membuat nomor telepon yang bisa diklik di WordPress menggunakan blok tombol Gutenberg dan link “tel:”, tanpa plugin atau alat eksternal. WordPress memperlakukannya sebagai tautan biasa, tetapi karena URL-nya dimulai dengan “tel:” dan bukan “https:”, mengetuknya di ponsel akan membuka aplikasi telepon pengunjung dengan nomor Anda yang sudah terisi. 

Berikut cara menyiapkan tombol telepon click-to-call di WordPress menggunakan tautan Gutenberg:

  1. Buka halaman atau pos yang ingin Anda edit, klik ikon plus, cari Buttons, lalu pilih. Klik di dalam tombol dan ketik teks Anda — misalnya “Hubungi Kami Sekarang.”
Editor blok WordPress dengan penyisip blok terbuka dan blok Buttons disorot dalam hasil pencarian
  1. Dengan tombol yang dipilih, klik ikon tautan atau tekan Cmd+K, lalu ketik “tel:” diikuti nomor telepon Anda tanpa spasi atau tanda hubung, seperti “tel:15555551212.” Untuk nomor internasional, sertakan tanda plus dan kode negara, seperti “tel:+442079460192.” Tekan Enter untuk menerapkannya.
Editor WordPress menampilkan tombol
  1. Gunakan sidebar pengaturan blok untuk memilih gaya isi atau garis tepi, atur warna, dan sesuaikan radius border. Mengatur lebar ke 100 persen layak dilakukan, karena tombol dengan lebar penuh lebih mudah diketuk dengan ibu jari. Klik Save di kanan atas, lalu buka halaman di ponsel dan ketuk tombol untuk memastikan panggilan terhubung dengan benar.
Editor WordPress menampilkan tombol

Metode ini membuat tombol statis yang hanya ada persis di tempat Anda meletakkannya pada halaman tertentu. Pengunjung yang sedang membaca di tengah halaman panjang sudah melewatinya saat menggulir, dan menggunakannya berarti harus menggulir kembali ke atas. Anda bisa menambahkan tombol tersebut ke template footer di Site Editor agar muncul di setiap halaman, sehingga Anda tidak perlu menambahkannya secara manual satu per satu. Namun tombol di footer tetap berarti pengguna harus menggulir ke bawah terlebih dahulu sebelum bisa mengkliknya.

Bagi pengunjung yang siap menelepon sekarang, tombol yang harus dicari-cari adalah tombol yang kemungkinan kecil akan mereka gunakan. 

Opsi 2: Tambahkan widget tombol telepon mengambang gratis (direkomendasikan)

Jika Anda menginginkan tombol telepon mengambang di WordPress untuk membantu meningkatkan konversi, solusi paling cerdas adalah widget hosted. Plugin WordPress terbaik bisa melakukan ini, tetapi masing-masing menambah instalasi yang harus dikelola dan diperbarui hanya untuk satu tombol. Dengan widget hosted gratis seperti Widget Click-to-Call dari Jotform, tombol tersebut mengambang di atas halaman Anda, sehingga tetap terlihat saat pelanggan menggulir. 

Yang perlu Anda lakukan hanyalah menyalin kode embed yang dihasilkan widget dan menempelkannya ke blok Custom HTML di footer WordPress Anda untuk menambahkan tombol telepon mengambang yang responsif ke setiap halaman situs Anda. Ini memungkinkan pengunjung yang sedang berada di tengah halaman panjang mengetuk tombol tanpa harus menggulir kembali untuk menemukannya.

Berikut cara menambahkan tombol telepon click-to-call ke WordPress:

  1. Di halaman Workspace Jotform Anda, klik Create, pilih Website Widget, cari “Click to Call,” lalu klik Use Widget.
Hasil pencarian Website Widgets Jotform menampilkan opsi widget Click to Call, Disable Right Click, Back to Top, dan Callback
  1. Masukkan nomor telepon Anda dengan kode negara, tambahkan label seperti “Hubungi Kami Sekarang” jika Anda ingin teks di samping ikon, lalu atur gaya tombol dan edit seberapa jauh tombol muncul dari bagian bawah dan sisi layar. Anda juga bisa menampilkannya hanya di perangkat seluler, yang memprioritaskan ketuk untuk menelepon bagi pengunjung yang paling mungkin menggunakannya.
Pembuat Widget Click to Call Jotform menampilkan pratinjau desktop dan seluler dari kartu panggilan dukungan dengan nomor telepon
  1. Klik Publish dan salin kode embed. 
Layar publish Widget Click to Call Jotform menampilkan kode embed dan tombol Copy Code
  1. Buka back end WordPress Anda. Untuk menambahkan tombol ke satu halaman, buka halaman tersebut di editor blok, klik ikon plus di tempat Anda ingin tombol muncul, pilih Custom HTML, klik Edit HTML, tempel kode, dan klik Update. 
Editor Custom HTML WordPress menampilkan pratinjau widget
  1. Untuk menambahkannya ke setiap halaman, keluar dari editor dan buka Appearance di sidebar dasbor Anda. Pilih Editor, buka Footer template Anda, tambahkan blok Custom HTML, tempel kode, dan klik Update.
Editor template footer WordPress menampilkan opsi blok Custom HTML di samping jam operasional dan informasi kontak

Metode ini memberi Anda kontrol visual penuh tanpa menginstal plugin apa pun. Anda mengatur warna, ukuran, dan bentuk agar sesuai dengan tema Anda, memilih di mana tombol muncul di layar, dan menentukan perangkat mana yang menampilkannya — semuanya dari widget builder.

Tingkatkan situs WordPress Anda dengan widget cerdas tanpa server

Tombol telepon adalah salah satu dari beberapa fitur yang bisa Anda tambahkan ke situs WordPress tanpa plugin khusus untuk masing-masing fitur. Direktori widget situs web gratis dari Jotform memiliki lebih dari 150 opsi, termasuk

  • Tombol chat WhatsApp untuk pelanggan yang lebih suka mengirim pesan daripada menelepon — cocok untuk pertanyaan yang tidak memerlukan percakapan
  • Penghitung waktu mundur untuk promosi atau batas waktu pemesanan, sehingga pengunjung tahu berapa lama waktu yang mereka miliki untuk bertindak
  • Tombol kembali ke atas untuk halaman layanan yang panjang, yang menjaga navigasi Anda tetap terjangkau di perangkat seluler

Masing-masing disematkan melalui blok Custom HTML, sama seperti tombol telepon, sehingga Anda tidak perlu menginstal dan memperbarui plugin terpisah setiap kali Anda ingin menambah fungsionalitas di situs Anda.

Sebagai pemilik bisnis, waktu Anda lebih baik digunakan untuk menjawab panggilan daripada mengelola plugin untuk satu tugas kecil. Dengan alat gratis seperti Widget Click-to-Call dari Jotform, Anda dapat menangkap prospek dari perangkat seluler pada saat mereka siap menelepon. Coba gratis sekarang.

Artikel ini ditujukan untuk pemilik bisnis lokal, freelancer, dan agensi desain web WordPress yang ingin menangkap prospek dari perangkat seluler secara instan tanpa menginstal plugin berat yang memperlambat situs.

Kirim Komentar:

Jotform Avatar
Situs ini dilindungi oleh reCAPTCHA dan tunduk pada Kebijakan Privasi serta Ketentuan Layanan Google.

Podo Comment Jadilah yang pertama berkomentar.