Putu Adi — Bekerja & Berkarya

Cara mengubah tombol “Add to cart” atau “Tambah ke keranjang” di woocommerce wordpress

Ditulis oleh : Putu Adi, 12 September 2022

Kamu yang menemukan artikel ini lewat pencarian Google, sudah pasti lagi nyari cara buat ngubah tombol default WooCommerce kan? Kamu bisa ikuti tutorial singkat di bawah ini. Gampang banget kok.

Daftar isi

Apa masalahnya?

Saya mau ganti tombol Add to cart atau Tambah ke keranjang yang kalau settingan defaultnya, tombolnya jelek banget ga sih? kakakakak 😅

Apa Solusinya?

Kita ubah dan percantik dengan plugin ini. Tanpa coding. tinggal install, aktifkan, langsung berubah.

WooCommerce Add To Cart Button Customizations (untuk mengubah style tombol)

Add to Cart Text Changer by Code Astrology (untuk mengubah text dan icon)

Step by stepnya

Untuk mengubah style tombol, seperti warna, bentuk, animasinya, dll. Kita pakai plugin WooCommerce Add To Cart Button Customizations. Berikut langkah-langkahnya.

Login ke wordpress

Tambah plugin

Install Plugin dengan cara, ketik di kolom pencarian dengan kata kunci “WooCommerce Add To Cart Button Customizations”. Muncul paling depan, lalu klik tombol Install Sekarang → Aktifkan.

Untuk melakukan pengaturan, masuk ke side menu WooCommarce → Pengaturan → Add To Cart Customization Settings → Button Coztomization.

Mengubah Style Tombol

Selain menyesuikan warna atau style dari tombol, kamu juga bisa menambahkan icon di dalam toples. silahkan sesuaikan icon tombol yang ingin kamu tampilkan seperti apa. Posisinya sebelum text, atau sesudah, dan iconnya gambar apa. Sesuaikan sesuai selera ya.

Silahkan lakukan pengaturan style tombol sesuai selera kamu. nanti hasilnya seperti ini.

Kalau kamu cek hasilnya, sekarang style tombol sudah berubah, cuman textnya masih default “Add to cart” atau “Tambah ke keranjang”.

Mengubah Text dan Icon Tombol

Nah sekarang kita install plugin, untuk mengubah text dari tombolnya. yang secara default “Add to cart” atau “Tambah ke keranjang”, saya akan ubah menjadi “Beli sekarang”.

Buka menu Plugin, lalu Tambah Baru.