Cara Menambahkan Tombol Klik Untuk Panggil WordPress Di Situs Web Anda

Diterbitkan: 2019-01-21

Di sini, di HeroThemes, kami berupaya keras untuk menciptakan tema dan plugin basis pengetahuan WordPress yang berkualitas sehingga pengunjung situs Anda tidak perlu menghubungi Anda untuk meminta bantuan.

Namun, orang-orang masih akan selalu membutuhkan dukungan telepon, dan ada juga banyak alasan non-dukungan yang mungkin Anda inginkan untuk memudahkan pengunjung situs web Anda menelepon Anda.

Tetapi ketika orang menjelajah di perangkat seluler, hal terakhir yang ingin Anda lakukan adalah membuat mereka mengetik sendiri nomor telepon Anda, atau harus mencoba dan mengeklik beberapa nomor telepon kecil. Sebaliknya, tombol klik untuk menelepon membuat opsi yang jauh lebih baik.

Dalam posting ini, kami akan menunjukkan kepada Anda bagaimana Anda dapat menambahkan fungsionalitas klik untuk menelepon WordPress ke situs web Anda menggunakan beberapa plugin gratis sederhana atau HTML Anda sendiri. Tidak peduli apa tingkat pengetahuan teknis Anda, Anda akan dapat mengikuti dan membuat tombol klik untuk menelepon yang tampak hebat.

Haruskah Anda Menggunakan Plugin Klik Untuk Memanggil Atau HTML?

Menggunakan plugin adalah cara paling sederhana untuk membuat sesuatu yang tampak hebat. Jadi, jika Anda menginginkan sesuatu yang "langsung berfungsi", itu akan menjadi alasan yang baik untuk menggunakan rute plugin. Namun, Anda akan dibatasi untuk hanya menampilkan tombol panggil di lokasi yang didukung plugin.

Jika Anda ingin dapat menambahkan tombol klik untuk menelepon di mana saja di situs Anda, atau hanya tidak suka menggunakan plugin lain, menambahkan fungsionalitas klik untuk menelepon dengan HTML Anda sendiri hampir sesederhana menyisipkan hyperlink, jadi ini masih merupakan pendekatan yang cukup ramah pengguna. Namun, Anda mungkin perlu menambahkan beberapa CSS khusus dasar agar terlihat bagus, yang merupakan sesuatu yang perlu diingat.

Dalam panduan ini, kami akan menunjukkan kepada Anda kedua metode tersebut . Mari kita mulai, dimulai dengan rute plugin…

Pendekatan 1: Gunakan Plugin Tombol Klik Untuk Panggil WordPress Gratis

Ada beberapa plugin WordPress click to call yang berbeda, tetapi kami akan menunjukkan kepada Anda panduan langkah demi langkah hanya untuk tiga di antaranya:

Bilah Klik Untuk Menelepon yang Sangat Sederhana – alih-alih menambahkan tombol mandiri, plugin ini menambahkan seluruh bilah ke bagian bawah layar pengunjung seluler. Jika Anda ingin membuatnya sangat jelas/mudah bagi orang untuk menelepon Anda, ini adalah pilihan yang baik.
Tombol Panggil Sekarang – selain bilah penuh seperti plugin di atas, plugin ini juga memungkinkan Anda menggunakan lebih banyak tombol panggil gaya tombol tindakan mengambang.
Tombol Panggilan Sekarang Ultimate – plugin ini menambahkan bilah panggilan sekarang yang sama. Tetapi hal yang unik adalah memungkinkan Anda mengatur "jam operasi" ketika Anda tersedia melalui telepon. Selama jam istirahat, tombol akan meminta pengunjung untuk mengirim email alih-alih menelepon.

Tutorial Plugin Click To Call Bar Sangat Sederhana

Plugin ini gratis dan tersedia di WordPress.org, jadi Anda dapat menginstalnya langsung dari dashboard WordPress Anda dengan membuka Plugins → Add New .

Setelah Anda menginstal dan mengaktifkan plugin, buka Pengaturan → Sangat Sederhana Klik untuk Memanggil untuk mengonfigurasi plugin. Di sana, Anda dapat:

Aktifkan fungsi tombol klik untuk menelepon
Tambahkan teks CTA di sebelah tombol telepon Anda
Pilih nomor telepon yang akan dihubungi pengunjung
Konfigurasikan warna yang digunakan pada tombol klik untuk menelepon

Pengaturan Plugin Click To Call Bar Sangat Sederhana

Kemudian, simpan perubahan Anda untuk mengaktifkan tombol Anda. Tombol ini hanya akan muncul untuk pengunjung seluler, jadi Anda tidak akan melihatnya jika menjelajah dari komputer desktop.

Berikut ini contoh tampilannya di seluler:

Contoh Plugin Click To Call Bar Sangat Sederhana

Tutorial Plugin Tombol Panggilan Sekarang

Seperti yang kami sebutkan di atas, plugin Tombol Panggilan Sekarang sedikit lebih fleksibel karena juga memungkinkan Anda menggunakan tombol panggilan sekarang tindakan mengambang di samping pendekatan bilah panggilan sekarang.

Seperti yang lain, ini terdaftar di WordPress.org, yang berarti Anda dapat menginstalnya dengan membuka Plugins → Add New .

Setelah Anda menginstal dan mengaktifkan plugin, buka Pengaturan → Tombol Panggil Sekarang untuk mengonfigurasi plugin.

Di bagian atas, Anda dapat:

Aktifkan tombol
Masukkan nomor telepon yang akan dihubungi pengunjung
Pilih teks tombol ( jika diinginkan )

Pengaturan Tombol Panggil Sekarang

Anda juga dapat mengungkapkan lebih banyak pengaturan dengan mengklik tautan Pengaturan lanjutan . Itu akan memungkinkan Anda mengubah posisi, warna, menambahkan pelacakan klik, dan banyak lagi:

Pengaturan lanjutan Plugin Tombol Panggilan Sekarang

Setelah tombol Anda diaktifkan, tombol itu hanya akan ditampilkan kepada pengunjung seluler, jadi Anda harus mempratinjaunya dari perangkat seluler untuk melihatnya beraksi.

Berikut adalah contoh dari situs kami tentang pendekatan tombol tindakan mengambang:

Contoh Plugin Tombol Panggil Sekarang

Panggil Sekarang Tombol Tutorial Plugin Ultimate

Hal unik tentang plugin Call Now Button Ultimate adalah Anda dapat memilih jam yang Anda inginkan agar pengunjung dapat menelepon Anda. Selama di luar jam kerja ketika nomor telepon Anda tidak tersedia, Anda dapat menampilkan permintaan kepada pengunjung untuk mengirim email sebagai gantinya.

Seperti yang lain, Anda dapat menginstal dan mengaktifkan plugin gratis ini dengan masuk ke Plugins → Add New di dashboard WordPress Anda.

Setelah Anda selesai melakukannya, buka area Call Now Button Ultimate di dasbor WordPress Anda untuk mengaturnya.

Di bagian atas, Anda dapat mengaktifkan plugin dan memasukkan nomor telepon dan alamat email Anda:

Tombol Panggil Sekarang Pengaturan dasar Plugin Ultimate

Kemudian, di bagian bawah halaman, Anda dapat memasukkan jam kerja dan mengonfigurasi teks dan warna tombol:

Panggil Sekarang Tombol Ultimate Plugin pengaturan lanjutan

Seperti plugin lainnya, tombol panggil sekarang hanya akan ditampilkan kepada pengunjung seluler.

Berikut tampilannya selama jam operasional Anda:

Contoh Plugin Ultimate Call Now Button selama berjam-jam

Dan inilah tampilannya di luar jam operasional Anda:

Contoh Plugin Ultimate Call Now Button di luar jam kerja

Pendekatan 2: Tombol HTML Klik Untuk Memanggil WordPress

Sebagai alternatif dari plugin WordPress klik untuk menelepon, Anda juga dapat menggunakan HTML klik untuk menelepon Anda sendiri untuk membuat tombol. Manfaat dari pendekatan ini adalah Anda dapat menambahkan tombol Anda di mana saja di situs Anda.

Untuk membuat tombol seperti itu, Anda cukup menggunakan hyperlink normal dan membungkus nomor telepon Anda dalam skema tel:.

Begini tampilannya – Anda hanya perlu mengganti contoh nomor telepon dengan milik Anda sendiri dan mengedit teks CTA sesuai kebutuhan:

<a href="tel:+1-123-456-7890">Call HeroThemes!</a>

Itu saja!

Jika mau, Anda dapat menggunakan CSS khusus Anda sendiri untuk membuat tombol alih-alih hyperlink biasa.

Misalnya, Anda dapat menggunakan HTML ini:

<a href="tel:+1-123-456-7890" class="call-button">Call HeroThemes!</a>

Kemudian, Anda dapat menambahkan beberapa CSS khusus ke situs WordPress Anda untuk membuatnya menjadi sebuah tombol. Sebagai contoh:

.call-button { color: #fff !important; background: #0ba9d5; padding: 20px; border-radius: 5px; display: inline-block; border: none; }

Klik untuk memanggil contoh HTML

Anda dapat dengan aman menambahkan CSS khusus melalui WordPress Customizer atau plugin gratis seperti Simple CSS.

Ingat, meskipun. Secara default, tombol HTML klik untuk menelepon Anda akan terlihat oleh semua pengunjung, termasuk yang menggunakan komputer desktop.

Jika Anda ingin mengubahnya, Anda dapat menggunakan kueri media CSS untuk hanya menampilkan tombol di perangkat seluler. Misalnya, cuplikan ini akan menyembunyikan tombol pada ukuran layar di atas lebar 600 piksel:

@media only screen and (min-width: 600px) { .call-button { display: none; } }

Mulai Gunakan Tombol Klik Untuk Panggil WordPress Anda Sekarang!

Baik Anda menggunakan plugin atau HTML kustom Anda sendiri, mudah untuk membuat tombol klik untuk menelepon di WordPress.

Dengan tombol Anda terpasang, pengunjung seluler akan lebih mudah menghubungi Anda.

Ingat saja – panggilan telepon membebani sumber daya manusia.

Jika Anda ingin mengurangi jumlah panggilan telepon yang Anda terima, membuat basis pengetahuan WordPress atau bagian FAQ memungkinkan pengunjung mendapatkan bantuan yang mereka butuhkan tanpa memerlukan dukungan telepon satu lawan satu. Dan itu bisa menghemat banyak waktu dan tenaga.

Pelajari bagaimana Anda dapat memulai dengan plugin Pangkalan Pengetahuan Heroik, tema KnowAll, atau plugin FAQ Heroic kami.