Panduan CRO: Memaksimalkan CTA Toko Online

Dalam Conversion Rate Optimization atau optimisasi tingkat konversi, CTA atau call to action adalah hal paling penting yang harus dioptimalkan, pada CTA inilah terjadinya konversi dari pengunjung menjadi pembeli.

Sebelum melangkah lebih jauh, mari kita berkenalan dulu dengan CTA, jika anda sudah familiar, silahkan skip bagian ini.

Apa itu Call to Action?

Call to action adalah sebuah instruksi yang dirancang agar khalayak dapat melakukan aktivitas atau memberikan tanggapan secara langsung sehingga menghasilkan konversi.[1]

Call to action biasa digunakan pada, web banner, display ad, dan tentu saja toko online.

Call to Action pada toko online berupa tombol Beli Sekarang, menggunakan kata beli sekarang sebagai ajakan untuk membeli pada saat itu juga.

Dengan memaksimalkan CTA, kita bisa mempermudah calon pembeli untuk mengambil keputusan. Keuntungan bagi pemilik toko yaitu, terjadinya kenaikan konversi penjualan.

Tips Memaksimalkan Tombol CTA

Banyak sekali tombol CTA yang kurang baik, terutama jika anda tidak menggunakan theme khusus untuk toko online. Kebanyakan theme hanya dioptimalkan desainnya tanpa memperhatikan fungsinya.

Berikut cara optimasi tombol CTA agar konversinya semakin bagus.

Pastikan Tombol CTA Menjadi Fokus Utama

Kami sering menemukan desain template toko online seperti ini, dimana tombol beli sekarang tidak jelas, tapi tombol navigasi sangat jelas
CTA tidak fokus

Idealnya tombol CTA harus jelas, dan terlihat saat pertama kali membuka halaman produk.

CTA Jelas

Gunakan Warna Kontras

Gunakan warna yang kontras dengan warna utama, jangan gunakan warna yang sama dengan warna utama theme.

Ini contoh CTA kurang baik dengan warna yang sama, aslinya banyak yang lebih buruk dari contoh ini.
Warna Sama

Idealnya masih sama dengan poin sebelumnya yaitu menggunakan warna yang jelas

CTA Jelas

Hilangkan Elemen yang Mengganggu

Halaman produk haruslah bersih dari gangguan (distraction).
Sebaiknya hindari hal seperti ini:

– Tombol social share yang lebih jelas dari CTA
– Popup promo dll yang menutupi tombol CTA
– Tombol Live chat yang menutupi tombol CTA
– Hindari penggunaan desain theme yang terlalu berwarna

Jauhkan Tombol Social Share dari CTA

Dari studi kasus Visual Website Optimizer, bahwa taloon.com berhasil meningkatkan konversi sebanyak 11.92% dengan menghapus social share di bawah gambar.[2]

Maka lebih baik jauhkan tombol social share, atau buat tombol share dengan warna yang kurang jelas (berbeda warna dengan CTA).

Contoh yang mengganggu:

aqua sachet
Aqua Sachetan
Rp.1.000 Rp. 900

Posisikan Pada Above the Fold

Pastikan tombol CTA selalu terlihat tanpa harus melakukan scroll pada browser PC.
Kesalahan umum yang sering terjadi yaitu pada pengguna WooCommerce, banyak yang menaruh deskripsi produk di kolom excerpt dengan terlalu panjang, dan hasilnya tombol CTA turun jauh.

Hindari terlalu banyak tombol

Kami sering melihat satu toko online dengan call to action yang banyak, alih-alih memperbanyak potensi, ini justru bisa membuat calon pembeli kehilangan fokus.

Contoh CTA buruk dengan banyak tombol.

aqua sachet
Aqua Sachetan
Rp.1.000 Rp. 900


Panduan ini menggunakan theme OpenKios dari Kiosta Commerce, silahkan lihat Demo, dan lihat bagaimana tombol CTA theme ini.

Theme lainnya dari Kiosta juga dioptimalkan tombol CTAnya, silahkan lihat sendiri di menu Theme

Referensi

1. Call to Action – WikiPedia
2. How Taloon Used A/B Testing To Increase Conversions By 12%