• UI & UX

Dapatkan klik: 8 Kiat untuk desain CTA yang efektif

  • Felix Rose-Collins
  • 6 min read
Dapatkan klik: 8 Kiat untuk desain CTA yang efektif

Intro

Mencapai halaman pertama hasil pencarian Google dan mendapatkan perhatian audiens Anda adalah tantangan yang nyata, karena orang jarang mengklik hasil di halaman dua. Mengoptimalkan situs Anda untuk SEO adalah suatu keharusan untuk mencapai tujuan ini.

Namun, bukan berarti posisi peringkat sepuluh besar akan menjamin Anda mendapatkan tingkat konversi yang baik secara default. Memang benar Anda dapat mengharapkan peningkatan lalu lintas situs web, tetapi ada elemen lain yang sangat penting untuk konversi - ajakan bertindak yang efektif.

Peran utama CTA adalah mengarahkan pengunjung ke langkah selanjutnya dan mendorong mereka untuk mengambil tindakan - berlangganan newsletter, mengunduh ebook, membeli produk atau layanan, atau mendaftar uji coba.

Namun, CTA yang dirancang dengan buruk sama saja dengan tidak ada sama sekali karena tidak akan menghasilkan klik dan memfasilitasi konversi.

Dalam artikel ini, kita akan membahas tips terbaik untuk merancang CTA yang menarik sehingga prospek Anda tidak bisa tidak mengkliknya. Baca terus untuk mempelajari lebih lanjut!

1. 1. Gunakan CTA bilah sisi yang lengket

CTA adalah tentang menarik perhatian pengunjung dan membuat mereka mengklik.

Beberapa halaman web, seperti beranda atau postingan blog, memiliki banyak konten, dan mudah bagi CTA untuk berbaur dengan semua elemen lainnya dan menjadi tidak terlihat.

Perkenalkan Ranktracker

Platform Lengkap untuk SEO yang Efektif

Di balik setiap bisnis yang sukses adalah kampanye SEO yang kuat. Namun dengan banyaknya alat dan teknik pengoptimalan yang dapat dipilih, mungkin sulit untuk mengetahui dari mana harus memulai. Nah, jangan takut lagi, karena saya punya hal yang tepat untuk membantu. Menghadirkan platform lengkap Ranktracker untuk SEO yang efektif

Kami akhirnya membuka pendaftaran ke Ranktracker secara gratis!

Buat akun gratis

Atau Masuk menggunakan kredensial Anda

Masukkan CTA bilah sisi yang lengket.

Tombol mengambang ini dipasang di sisi halaman web dan tetap terlihat saat pengguna menggulir ke atas dan ke bawah halaman tanpa terlalu mengganggu atau mengganggu. Anda tidak perlu khawatir apakah calon pelanggan akan melupakan penawaran menarik Anda saat mereka membaca artikel atau melihat ulasan pelanggan.

ATH Sport memberikan diskon 10% untuk pesanan pertama dan mempromosikan insentif ini di beranda dan di seluruh situs web mereka dengan menerapkan CTA bilah sisi yang bertuliskan "Hemat 10%." Dengan begitu, pengunjung secara halus diingatkan untuk mengambil tindakan dan mengklaim diskon.

Use a sticky sidebar CTA (Sumber: ATH Sport)

2. Memanfaatkan ruang negatif

Salah satu kesalahan terbesar yang bisa Anda lakukan dengan CTA Anda adalah menguburnya di tengah-tengah blok teks yang besar. Itu adalah cara yang pasti bagi pengunjung untuk melewatkannya dan pergi tanpa melakukan konversi.

Jangan takut untuk memanfaatkan ruang negatif, yaitu area desain yang tidak terisi oleh teks atau elemen lainnya. Dengan mengelilingi CTA Anda dengan ruang putih, Anda bisa menciptakan jeda visual yang membantu menarik perhatian pemirsa ke tombol.

Semakin sedikit gangguan di sekitar CTA, semakin mudah diklik.

Perkenalkan Ranktracker

Platform Lengkap untuk SEO yang Efektif

Di balik setiap bisnis yang sukses adalah kampanye SEO yang kuat. Namun dengan banyaknya alat dan teknik pengoptimalan yang dapat dipilih, mungkin sulit untuk mengetahui dari mana harus memulai. Nah, jangan takut lagi, karena saya punya hal yang tepat untuk membantu. Menghadirkan platform lengkap Ranktracker untuk SEO yang efektif

Kami akhirnya membuka pendaftaran ke Ranktracker secara gratis!

Buat akun gratis

Atau Masuk menggunakan kredensial Anda

Flamingo memberikan CTA pada halaman beranda mereka ruang yang cukup untuk bernapas dan memisahkannya dari elemen-elemen lain, sehingga menarik perhatian pengunjung ke tujuan utama - menambahkan pelacak cuti mereka ke Slack. Meskipun ada banyak ruang kosong, desainnya tidak terlihat kosong atau belum selesai, jadi mencapai keseimbangan yang tepat adalah kuncinya.

Leverage negative space (Sumber: Flamingo)

3. Ciptakan rasa urgensi

Urgensi dan kelangkaan adalah pendorong konversi yang kuat, itulah sebabnya Anda harus memasukkan prinsip-prinsip psikologis ini dalam salinan CTA Anda.

Ambil contoh dari Amazon dan penafian "Hanya 1/2/3 stok yang tersisa" yang cerdas yang meminta pelanggan yang ragu-ragu untuk segera memesan produk sebelum orang lain mengambilnya.

Orang-orang menganggap produk yang langka atau akan terjual habis sebagai produk yang lebih berharga, yang pada gilirannya memicu rasa takut ketinggalan (FOMO). Anda bisa memanfaatkan fenomena ini dengan membuat salinan CTA yang berkisar pada ketersediaan produk yang terbatas.

Untuk menyoroti urgensi, gunakan kata-kata waktu seperti Sekarang, Segera, atau Hari Ini.

CTA di beranda Bed Bath & Beyond adalah contoh yang bagus untuk menggabungkan urgensi dan kelangkaan. Pelanggan diundang untuk "Belanja sekarang" karena penawaran ini berlaku hingga 8 Januari, tetapi jendela kesempatan ini juga diminimalkan dengan menambahkan "Selama persediaan masih ada." Fakta bahwa CTA itu sendiri berada dalam spanduk merah besar yang ditempatkan di atas lipatan membuatnya lebih mencolok dan persuasif.

Create a sense of urgency - Bed Bath & Beyond (Sumber: Bed Bath & Beyond)

Halaman berandabulan Januari menampilkan CTA dengan pendekatan yang sedikit berbeda dalam hal urgensi. Kata-kata yang dibuat dengan hati-hati "Bergabunglah dengan daftar tunggu" menciptakan desas-desus di sekitar aplikasi dan menghasilkan permintaan dengan menyiratkan bahwa ada pelanggan potensial lain yang tidak sabar menunggu peluncuran. CTA yang sederhana namun menarik ini berhasil karena memberikan kesan eksklusif - seperti masuk ke dalam daftar klub VIP.

Create a sense of urgency - January (Sumber: Januari)

4. Menyertakan kata-kata yang kuat

Seperti namanya, kata-kata yang kuat memiliki kemampuan untuk membangkitkan emosi calon pelanggan Anda. 95% dari keputusan pembelian dilakukan di bawah sadar, yang berarti bahwa perasaan memainkan peran penting dalam proses tersebut.

Jadi, sertakan kata-kata yang kuat seperti

  • Gratis
  • Menakjubkan
  • Baru
  • Efektif
  • Mudah
  • Seketika
  • Dijamin
  • Tidak ada risiko
  • Bersertifikat
  • Dilindungi
  • Diuji
  • Terverifikasi
  • Ekstra

akan menyentuh hati audiens Anda dan membuat mereka mengambil tindakan.

Seperti yang Anda lihat, beberapa dari kata-kata ini bertujuan untuk meyakinkan pelanggan bahwa aman untuk mengklik tombol dan melakukan pembelian atau berlangganan buletin. Yang lainnya berfokus pada menyoroti proposisi nilai penawaran Anda.

Halaman beranda Evernote menjanjikan kepada para pengguna bahwa mereka akan dapat mengatur kehidupan mereka dengan aplikasi ini sementara CTA membujuk mereka untuk mendaftar secara gratis. Dan siapa yang bisa menolak tawaran yang menggiurkan seperti itu?

Include power words - Evernote (Sumber: Evernote)

Demikian pula, CTA beranda BaseLang mengundang pengguna untuk memulai pelajaran bahasa Spanyol mereka dengan "hanya $1," yang merupakan hal terbaik berikutnya setelah menawarkan layanan gratis. Keseluruhan pesan merek ini dikemas dengan baik dengan bantuan kata-kata kuat lainnya seperti "tidak terbatas" atau "makan sepuasnya," yang keduanya mengkomunikasikan nilai penawaran yang dapat dicoba oleh calon pelanggan selama seminggu dan membayar biaya simbolis $1.

Include power words - BaseLang (Sumber: BaseLang)

5. Buatlah CTA Anda muncul

Anda mungkin pernah mendengar tentang aturan 15 detik, yang menyatakan bahwa Anda hanya memiliki waktu seperempat menit untuk menarik perhatian pengunjung. Ini tidak memberi Anda terlalu banyak ruang untuk bermanuver, yang berarti Anda harus bertindak cepat dan memastikan CTA adalah salah satu hal pertama yang dilihat orang ketika mereka membuka halaman web Anda.

Memercikkan beberapa warna adalah salah satu cara terbaik untuk mencapai tujuan ini. Ada beberapa pendapat yang berbeda tentang warna mana yang meningkatkan konversi, tetapi juri masih belum memutuskannya. Namun demikian, dapat disimpulkan bahwa ini bukan tentang apakah Anda akan memilih warna merah, hijau, biru, atau kuning, tetapi tentang menciptakan kontras.

Sebagai contoh, Anda bisa menggunakan apa yang disebut warna komplementer yang berada di sisi berlawanan dari roda warna. Jika halaman web Anda sebagian besar berwarna biru, maka CTA berwarna oranye akan menciptakan kontras yang kuat.

Halaman beranda Menlo Caoching menampilkan warna putih dan abu-abu, sehingga warna merah tebal yang mereka pilih untuk CTA membuatnya langsung terlihat. Desain ini juga diuntungkan oleh ruang negatif, yang juga menonjolkan tombol CTA dan membuatnya menonjol pada latar belakang yang netral.

Make your CTA pop (Sumber: Menlo Coaching)

6. Jangan samar-samar

Jangan berharap pengunjung Anda membuat kesimpulan tentang apa yang akan terjadi selanjutnya - beritahu mereka.

Tombol CTA yang bertuliskan "Klik di sini" atau "Kirim" hanya akan membuat orang bingung, dan itu adalah hal terburuk yang bisa Anda lakukan.

Kuncinya adalah dengan mengkomunikasikan secara jelas kepada pengunjung Anda bagaimana mereka akan mendapatkan keuntungan dari mengambil tindakan dan memberi tahu mereka tentang langkah selanjutnya.

Dropbox menggunakan pendekatan "apa untungnya bagi saya" pada halaman beranda mereka dengan memberi tahu pelanggan potensial mereka bahwa dengan mengeklik tombol CTA, mereka akan bisa menemukan paket terbaik untuk diri mereka sendiri. Jelas sekali bahwa pada halaman berikutnya, mereka akan menemukan detail paket, fitur, dan perbandingan yang akan membantu mereka dalam mengambil keputusan.

Don’t be vague (Sumber: Dropbox)

7. Tambahkan bukti sosial

Dalam hal mengonversi prospek, tidak ada yang lebih baik daripada bukti sosial. 87% keputusan pembelian dimulai dengan riset online, sementara pelanggan rata-rata membaca sepuluh ulasan sebelum melakukan pemesanan.

Namun, karena Anda tidak ingin calon pelanggan meninggalkan situs web Anda saat mereka mencari ulasan dan testimoni pelanggan, yang terbaik adalah menunjukkan bukti sosial kepada mereka di sana sebelum menyajikan CTA kepada mereka.

Dengan cara ini, Anda akan membangun kepercayaan dan menghilangkan keraguan yang mungkin mereka miliki tentang pembelian.

Itulah yang dilakukan Buffer pada beranda mereka. CTA mereka dipasangkan dengan kutipan pelanggan yang senang yang menyoroti bagaimana menggunakan platform ini membuat hidup mereka lebih mudah. Untuk menambahkan lapisan kredibilitas lainnya, merek ini menyertakan nama dan foto pelanggan. Taktik sederhana ini sangat membantu karena memberikan wajah pada nama dan membuat bukti sosial lebih otentik.

Add social proof (Sumber: Buffer)

8. Jaga agar semuanya tetap sederhana

Semua tips yang telah kita bahas sejauh ini mungkin memberi Anda kesan bahwa CTA Anda harus lebih dari yang lain agar berhasil.

Namun kenyataannya, kesederhanaan sering kali diremehkan.

Perkenalkan Ranktracker

Platform Lengkap untuk SEO yang Efektif

Di balik setiap bisnis yang sukses adalah kampanye SEO yang kuat. Namun dengan banyaknya alat dan teknik pengoptimalan yang dapat dipilih, mungkin sulit untuk mengetahui dari mana harus memulai. Nah, jangan takut lagi, karena saya punya hal yang tepat untuk membantu. Menghadirkan platform lengkap Ranktracker untuk SEO yang efektif

Kami akhirnya membuka pendaftaran ke Ranktracker secara gratis!

Buat akun gratis

Atau Masuk menggunakan kredensial Anda

Dalam banyak kasus, Anda akan mendapatkan hasil yang bagus dengan menjaga CTA Anda tetap sederhana baik dari segi desain maupun proses konversi.

CTA beranda Jira memenuhi semua kotak dengan CTA "Lanjutkan dengan Google". Iblis ada pada detailnya, dan meskipun kelihatannya tidak banyak yang terjadi di sini, keefektifan CTA ini terletak pada fakta bahwa CTA ini membuat segala sesuatunya menjadi sangat sederhana bagi mereka yang memutuskan untuk mendaftar.

Alih-alih proses pendaftaran yang rumit, Jira menghemat waktu pengguna dengan mengizinkan mereka mengakses platform melalui akun Google mereka. Hanya perlu beberapa klik saja, dan tidak ada pengisian formulir yang menjengkelkan yang bertanggung jawab atas banyak pendaftaran dan keranjang belanja yang terbengkalai. Ditambah lagi, salinannya berisi kata ajaib pembuka yang ajaib, Gratis, yang mampu meyakinkan para penjaga pintu untuk mengklik dan melanjutkan.

Keep things simple (Sumber: Jira)

Penutup

Ajakan bertindak mungkin merupakan elemen desain terkecil pada halaman web Anda, tetapi sangat penting. Tanpanya, calon pelanggan tidak akan tahu apa yang Anda harapkan untuk mereka lakukan dan apa langkah selanjutnya. Jadi, berikan pertimbangan yang cermat pada desain CTA Anda dan jangan meremehkannya. Taktik ini akan membantu Anda memastikan bahwa klik akan mengalir.

Felix Rose-Collins

Felix Rose-Collins

Co-founder

is the Co-founder of Ranktracker, With over 10 years SEO Experience. He's in charge of all content on the SEO Guide & Blog, you will also find him managing the support chat on the Ranktracker App.

Mulai gunakan Ranktracker... Gratis!

Cari tahu apa yang menghambat situs web Anda untuk mendapatkan peringkat.

Buat akun gratis

Atau Masuk menggunakan kredensial Anda

Different views of Ranktracker app