CTA (tombol ajakan bertindak)

Bagaimana menentukan teks tombol CTA?

Teks CTA cukup ditulis sebagai kata kerja dari sudut pandang pelanggan yang menjelaskan ‘apa yang terjadi saat ditekan’. Sebab di depan tombol, pelanggan lebih dulu khawatir ‘Kalau ditekan, apakah langsung membayar?’ atau ‘Apakah langsung menelepon?’.

Jika ada hal yang mungkin membebani pelanggan setelah menekan tombol, tambahkan keterangan singkat tepat di bawah tombol. Satu baris seperti ‘Konsultasi saja juga boleh’ atau ‘Pembayaran di langkah berikutnya’ mengurangi keraguan.

Teks tombol makin singkat makin baik, tetapi jangan dipangkas sampai maknanya hilang. Yang pas adalah dua-tiga kata yang sekaligus menunjukkan ‘apa’ dan ‘bagaimana’.

Samakan teks tombol dengan kata yang benar-benar dipakai pelanggan. Untuk salon, kata yang terbayang di kepala pelanggan seperti ‘Pesan potong · keriting’ lebih cepat dibaca daripada ‘Pesan perawatan’.

Bagaimana membagi tombol utama dan tombol sekunder?

Tombol utama adalah satu tindakan yang paling diharapkan usaha dari pelanggan, sedangkan tombol sekunder adalah jalan lain bagi pelanggan yang belum memutuskan. Misalnya di salon, ‘Pesan sekarang’ bisa menjadi tombol utama dan ‘Lihat daftar harga’ tombol sekunder.

Tombol utama dibuat dengan warna penuh, sedangkan tombol sekunder hanya bergaris tepi atau berupa tautan teks, agar bobotnya berbeda. Jika kedua tombol sama warna · sama ukuran, pelanggan harus berpikir lagi mana yang harus ditekan.

Jika tombol utama tiap halaman ditentukan lebih dulu, rapat desain juga lebih singkat. Ubah sesuai tujuan halaman: halaman utama ‘Reservasi’, halaman harga ‘Pesan perawatan ini’, halaman lokasi ‘Petunjuk arah’.

Contoh per jenis usaha: tombol utama kafe sering ‘Petunjuk arah’, studio kerajinan ‘Daftar kelas’, penjualan online ‘Masukkan ke keranjang’. Tombol sekunder adalah untuk pelanggan yang masih menimbang, seperti ‘Lihat menu’, ‘Lihat karya’, ‘Lihat testimoni’.

Di mana dan seberapa besar tombol CTA diletakkan?

CTA diletakkan tepat di samping tempat pelanggan mengambil keputusan. Contoh utamanya adalah layar pertama, titik setelah harga atau penjelasan selesai dibaca, dan akhir halaman.

Ukurannya harus cukup untuk ditekan dengan tepat oleh jari. Standar aksesibilitas web internasional WCAG 2.2 menetapkan area sentuh minimal 24×24 piksel CSS, dan tombol penting sebaiknya dibuat lebih longgar dari itu. Jika tombol terlalu berdempetan, tombol sebelah mudah tertekan, jadi jaraknya juga perlu diperhatikan.

Di ponsel, cara menyematkan tombol ‘Telepon · Reservasi’ di bagian bawah layar juga banyak dipakai. Posisinya mudah dijangkau ibu jari sehingga praktis, tetapi tingginya harus dibuat rendah agar tidak menutupi konten.

Tombol juga harus terlihat seperti tombol. Jika hanya teks tanpa garis tepi atau latar, pelanggan bisa tidak sadar itu bisa ditekan dan melewatinya.

Dengan urutan apa CTA dibuat?

Urutannya, tentukan dulu ‘apa yang ingin Anda minta dari pelanggan’ sebelum desain tombol. Dengan mengikuti langkah di bawah, Anda bisa menentukan tombol yang tepat untuk tiap halaman.

Makin kecil usaha, sebaiknya tombol utama adalah cara kontak yang paling cepat Anda tanggapi. Jika Anda sering tidak bisa mengangkat telepon selama jam buka, jadikan ‘Tanya lewat KakaoTalk’ atau ‘Pesan sekarang’ sebagai tombol utama, bukan ‘Telepon’.

Posisi tombol tidak harus sempurna sejak awal. Memindahkannya berdasarkan catatan klik setelah rilis lebih akurat daripada menebak.

1. 01Tulis tindakan yang berujung pada penjualan. (Reservasi, telepon, pertanyaan lewat KakaoTalk, pembelian, kunjungan)
2. 02Tetapkan yang paling penting sebagai tombol utama, dan satu-dua sisanya sebagai tombol sekunder.
3. 03Tetapkan satu tombol utama untuk tiap halaman.
4. 04Tulis teks tombol sebagai kata kerja dari sudut pandang pelanggan.
5. 05Tempatkan tombol di layar pertama, di titik akhir penjelasan, dan di akhir halaman.
6. 06Tekan dengan ibu jari di ponsel untuk mengecek ukuran dan jaraknya.
7. 07Setelah rilis, catat berapa kali tiap tombol ditekan lalu sempurnakan teks dan posisinya.

Bagaimana mengecek apakah CTA berfungsi dengan baik?

Lihat berapa kali tombol ditekan dan berapa yang benar-benar berlanjut menjadi reservasi · pertanyaan. Jika klik tombol dicatat sebagai ‘event’ di alat statistik kunjungan, Anda bisa tahu tombol mana yang bekerja.

Untuk tombol telepon, yang bisa diketahui hanya jumlah tekanan; apakah teleponnya tersambung harus dicek terpisah. Jika Anda juga membiasakan bertanya di toko ‘Tahu dari mana?’, angkanya lebih mudah ditafsirkan.

Saat mengganti teks, ubah satu hal sekali waktu dan amati sekitar 2–4 minggu. Jika beberapa diubah bersamaan, sulit tahu apa yang membuat hasilnya berbeda.

Untuk usaha kecil yang pengunjungnya tidak banyak, lebih baik melihat jumlah kejadian daripada persentase. Jika Anda mencatat berapa kali tombol ditekan per bulan dan berapa yang jadi reservasi sungguhan, perubahannya akan terlihat setelah beberapa bulan.

Apa kesalahan umum pada CTA?

Kesalahan umum adalah memasang terlalu banyak tombol. Jika ‘Reservasi’, ‘Pertanyaan’, ‘Telepon’, ‘KakaoTalk’, ‘Instagram’ berjajar dalam satu baris dengan ukuran sama, pelanggan justru kadang tidak menekan apa pun.

Teks yang tidak jelas maknanya tanpa konteks, seperti ‘Klik di sini’ atau ‘Selengkapnya’, juga harus dihindari. Pelanggan yang memakai program pembaca layar menilai hanya dari teks tombol, sehingga standar aksesibilitas web pun menyarankan agar tujuan tautan bisa dipahami.

Layar setelah tombol ditekan juga bagian dari CTA. Jika setelah mengirim pertanyaan tidak ada pemberitahuan apa pun, pelanggan tidak tahu apakah sudah terkirim, lalu mengirim lagi atau menelepon. Pastikan ada pemberitahuan selesai seperti ‘Biasanya kami balas dalam beberapa jam’.

Apa yang perlu ditanyakan ke pembuat situs soal CTA?

Daripada hanya meminta bentuk seperti ‘tombol yang besar dan merah’, sampaikan dulu tujuannya ke pembuat situs, seperti ‘di halaman ini reservasi paling penting’. Jika tujuannya jelas, desainer bisa mengusulkan ukuran · warna · posisi yang sesuai.

• Bisakah dijelaskan tombol utama apa yang ditetapkan untuk tiap halaman?
• Apakah ukuran dan jarak tombol di ponsel dicek tersendiri?
• Apakah klik tombol dicatat di statistik kunjungan?
• Bagaimana cara meminta perubahan teks atau posisi tombol setelah rilis?