Cara Mengubah Teks Lanjutkan ke Checkout di WooCommerce

Apakah Anda mencari cara mudah untuk mengubah teks lanjutkan ke checkout di toko WooCommerce Anda? Anda telah datang ke tempat yang tepat. Dalam panduan ini, kami akan menunjukkan kepada Anda berbagai metode untuk melakukannya.

Banyak pemilik situs menyesuaikan halaman toko dan halaman produk mereka, mengedit halaman checkout mereka dan berpikir bahwa seluruh situs mereka dioptimalkan. Namun, ada banyak detail lain yang dapat Anda ubah yang akan membantu Anda meningkatkan tingkat konversi dan meningkatkan toko Anda. Kami telah melihat cara mengubah pesan Add-to-Cart dan hari ini kami akan menunjukkan cara mengubah teks Lanjutkan ke Checkout di WooCommerce .

Sebelum beralih ke metode yang berbeda untuk melakukannya, mari kita lebih memahami apa itu teks Lanjutkan ke checkout dan mengapa Anda harus menyesuaikannya.

Apa yang dimaksud dengan teks Lanjutkan ke checkout?

Secara default, tombol checkout berisi teks Lanjutkan ke Checkout :

Teks ini diatur secara default di file template WooCommerce dan sebagian besar pemilik toko tidak meluangkan waktu untuk mengubahnya. Namun, mengingat ini adalah langkah yang sangat penting untuk menutup penjualan, Anda harus mengoptimalkannya sebaik mungkin. Kabar baiknya adalah Anda dapat dengan mudah menyesuaikan teks ini agar lebih bermakna dan lebih sesuai dengan desain toko Anda.

Misalnya, Anda dapat mengubah teks ini menjadi “Bergabung dengan layanan kami sekarang!” atau "Checkout di sini" untuk alur checkout yang lebih sederhana. Semua langkah kecil yang Anda ambil untuk meningkatkan pengalaman pembayaran Anda dapat ditambahkan untuk meningkatkan tingkat konversi situs web Anda .

Sebagian besar pemilik toko tidak meluangkan waktu untuk menyesuaikan teks proses ke checkout karena melibatkan pengeditan file template WooCommerce . Bagi sebagian pengguna, terutama pemula, hal ini tampaknya sulit atau berisiko. Namun, itu tidak perlu. Di bagian berikut, kami akan menunjukkan kepada Anda berbagai metode untuk mengubah teks Lanjutkan ke Checkout dengan dan tanpa kode, sehingga Anda dapat mengikuti salah satu yang paling sesuai dengan keahlian Anda.

Cara Mengubah Teks Lanjutkan ke Checkout di WooCommerce

Ada dua metode utama untuk mengedit teks Lanjutkan ke Checkout:

1. Secara terprogram
2. Dengan plugin

Mari kita lihat lebih dekat keduanya.

1) Cara Mengubah Teks Lanjutkan Ke Checkout menggunakan Fungsi Tema

Mari kita mulai dengan metode terprogram untuk menyesuaikan teks checkout di WooCommerce dengan menambahkan fungsi khusus ke file functions.php .

Prosesnya cukup sederhana dan yang perlu Anda lakukan hanyalah menempelkan skrip kode kecil ke file functions.php Anda. Sebelum memulai, kami sarankan Anda membuat cadangan situs Anda dan menggunakan tema anak. Selain lebih aman, dengan tema anak, Anda memastikan bahwa jika Anda memperbarui tema, penyesuaian Anda tidak akan ditimpa oleh file tema baru. Itulah mengapa selalu merupakan praktik yang baik untuk memasang tema anak di situs Anda.

Setelah Anda selesai melakukannya, buka Dasbor Admin WP Anda dan buka Appearance > Theme editor . Kemudian, klik Theme Functions atau functions.php pada sidebar file tema di sebelah kanan.

Sekarang, gunakan editor untuk menempelkan potongan kode berikut. Kode akan membuat fungsi kustom yang akan mengubah teks checkout. Cukup ubah bagian Checkout-Text-Here dari kode menjadi apa pun yang Anda inginkan.

 fungsi quadlayers_woocommerce_button_proceed_to_checkout() { ?>
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>" class="tombol tombol-checkout alt wc-forward">
<?php esc_html_e( 'Teks-Checkout-Disini', 'woocommerce' ); ?>
</a>
<?php
}

Sebagai contoh, pada script berikut, kita akan menggunakan teks “Please Move to Checkout Here”, sehingga scriptnya menjadi:

 fungsi quadlayers_woocommerce_button_proceed_to_checkout() { ?>
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>" class="tombol tombol-checkout alt wc-forward">
<?php esc_html_e( 'Silakan Pindahkan ke Checkout Disini', 'woocommerce' ); ?>
</a>
<?php
}

Sesuaikan kode untuk menambahkan teks yang Anda inginkan, tempelkan ke functions.php tema anak Anda, lalu klik Perbarui File untuk menyelesaikan prosesnya.

Fungsi ini hanya mengganti teks tombol WooCommerce Lanjutkan ke Checkout sehingga akan berfungsi terlepas dari tema apa yang Anda gunakan atau skrip fungsi tambahan yang mungkin telah Anda aktifkan.

Namun, jika Anda masih merasa tidak nyaman mengedit file inti, Anda dapat menggunakan plugin khusus sebagai gantinya.

2) Cara Mengubah Lanjutkan ke Teks Checkout menggunakan Plugin

Alternatif lain untuk menyesuaikan teks Lanjutkan ke checkout adalah dengan menggunakan plugin khusus. Untuk demonstrasi ini, kami akan menggunakan alat sederhana yang disebut Ubah Lanjutkan ke Teks Checkout yang membuatnya sangat mudah untuk mengedit teks checkout dalam beberapa klik.

Ini adalah plugin gratis, jadi ini adalah pilihan yang sangat baik bagi mereka yang tidak ingin menggunakan kode untuk mengubah teks atau ingin sering mengubah teks Lanjutkan ke Checkout untuk tujuan pengujian dan penyesuaian.

Memasang dan Mengaktifkan Plugin

Untuk menginstal plugin, cukup buka WP Admin Dashboard Anda dan buka Plugins > Add New . Gunakan bilah pencarian di kanan atas untuk mencari Ubah Lanjutkan ke Teks Checkout , klik Instal pada tab plugin lalu tekan Aktifkan .

Menggunakan Plugin Untuk Mengubah Teks Lanjutkan Ke Checkout

Untuk menggunakan plugin, buka Pengaturan > Ubah Lanjutkan ke teks Checkout.

Untuk mengubah teks checkout, yang harus Anda lakukan adalah mengetikkan teks tombol checkout baru di bidang yang sesuai. Katakanlah kita ingin mengubah teks menjadi Pindah ke Checkout . Kemudian, tekan Perbarui, dan perubahan Anda ke kolom teks lanjutkan ke checkout akan disimpan.

Sekarang periksa frontend dan Anda akan melihat hasilnya seperti yang ditunjukkan di bawah ini:

Dengan cara ini, Anda dapat dengan mudah mencoba berbagai teks dan melihat mana yang memiliki tingkat konversi lebih baik.

Bonus: Cara Mengubah Pesan yang Ditambahkan ke Keranjang

Selain menyesuaikan teks Lanjutkan ke Checkout, ada lebih banyak hal yang dapat Anda lakukan untuk meningkatkan pengalaman checkout di toko Anda. Misalnya, praktik lain yang disarankan adalah mengedit pesan Tambahkan ke Keranjang . Semakin banyak langkah yang Anda ambil untuk meningkatkan pengalaman pembayaran Anda, semakin baik hasil yang akan Anda dapatkan, jadi sebaiknya Anda tidak menyia-nyiakan kesempatan.

Mari kita lihat bagaimana Anda dapat menyesuaikan pesan “Ditambahkan ke Keranjang” .

Menambahkan Pesan Sederhana yang Ditambahkan ke Keranjang dan Menyesuaikan Pesan yang Ditambahkan ke Keranjang

Untuk mengganti pesan Add to Cart Anda dengan teks kustom sederhana, Anda dapat menambahkan potongan kode ke file functions.php . Untuk melakukannya, buka Appearance > Theme Editor di Dashboard WordPress Anda. Kemudian, buka file functions.php dengan mengklik function.php atau fungsi Tema di sidebar kanan.

Sekarang, Anda dapat menambahkan skrip berikut ke editor untuk menyesuaikan pesan Ditambahkan ke Keranjang di dalam bagian $message= ' ' dari kode. Dalam skrip berikut, pesan akan mengatakan “Produk Anda telah ditambahkan ke troli. Terima kasih telah berbelanja dengan kami!” .

 add_filter( 'wc_add_to_cart_message_html', 'quadlayers_custom_add_to_cart_message' );
fungsi quadlayers_custom_add_to_cart_message() {
$message = 'Produk Anda telah ditambahkan ke keranjang. Terima kasih telah berbelanja dengan kami!' ;
kembalikan $pesan;
}

Katakanlah Anda ingin mengubahnya menjadi sesuatu seperti “ Terima kasih telah membeli produk kami”. Dalam hal ini, Anda akan menggunakan skrip ini:

 add_filter( 'wc_add_to_cart_message_html', 'quadlayers_custom_add_to_cart_message' );
fungsi quadlayers_custom_add_to_cart_message() {
$message = 'Terima kasih telah membeli produk kami!' ;
kembalikan $pesan;
} 

Jika Anda memeriksa frontend, pesannya akan terlihat seperti ini:

Menyesuaikan Pesan yang Ditambahkan ke Keranjang

Atau, Anda dapat mempersonalisasi pesan dan menambahkan nama produk yang telah ditambahkan pelanggan Anda ke keranjang. Untuk melakukannya, gunakan skrip ini:

 add_filter( 'wc_add_to_cart_message', 'quadlayers_custom_wc_add_to_cart_message', 10, 2 ); 
function quadlayers_custom_wc_add_to_cart_message( $message, $product_id ) { 
$message = sprintf(esc_html__('%s telah ditambahkan ke keranjang Anda. Terima kasih telah membeli produk !','tm-organik'), get_the_title( $product_id ) ); 
kembalikan $pesan; 
} 

Tekan Perbarui file , periksa frontend dan Anda akan melihat sesuatu seperti ini:

Ini memerlukan penyesuaian pesan dalam pernyataan $message . Ini hanya beberapa contoh tetapi masih banyak lagi yang dapat Anda lakukan. Untuk mempelajari lebih lanjut tentang ini, lihat panduan kami tentang cara menyesuaikan pesan Tambahkan ke troli .

Atau, jika Anda ingin menyembunyikan atau menghapus pesan Tambahkan ke troli, Anda juga dapat melakukannya dengan menambahkan kode ini ke functions.php Anda.

Cukup tempel di skrip ini dan Perbarui file dan Anda harus selesai!

 add_filter( 'wc_add_to_cart_message_html', '__return_null' );

Kesimpulan

Singkatnya, teks lanjutkan ke checkout muncul pada tahap yang sangat penting dari proses pembelian, jadi selalu ada baiknya untuk menyesuaikannya. Sebagian besar pemilik toko mengabaikan hal ini, sehingga Anda dapat memanfaatkannya dan menonjol dari pesaing Anda.

Dalam panduan ini, kami telah menunjukkan kepada Anda dua metode berbeda untuk mengubah teks lanjutkan ke checkout di WooCommerce:

• Dengan menggunakan kait WooCommerce khusus dan fungsi di file tema Anda
• Dengan menggunakan plugin khusus

Kedua metode menyelesaikan pekerjaan, jadi pilih yang paling sesuai untuk Anda. Jika Anda memiliki beberapa keterampilan pengkodean, Anda dapat menggunakan metode terprogram. Menggunakan skrip sederhana, Anda dapat menyesuaikan teks dalam waktu singkat. Di sisi lain, jika Anda seorang pemula dan tidak merasa nyaman mengedit file tema, kami sarankan Anda menggunakan plugin khusus. Untuk demo ini, kami telah menggunakan Ubah Lanjutkan ke Teks Checkout , alat gratis yang memungkinkan Anda mengedit dan mencoba berbagai teks dalam beberapa klik.

Metode mana yang sudah Anda coba? Apakah Anda tahu ada yang lain yang harus kami sertakan? Beri tahu kami di komentar di bawah!

Terakhir, jika Anda ingin mempelajari lebih lanjut tentang cara menyesuaikan komponen lain dari toko online Anda, lihat beberapa panduan lainnya:

• Cara Menghapus Tab Informasi Tambahan di WooCommerce
• Cara menyesuaikan template WooCommerce
• Metode untuk menyesuaikan halaman Akun Saya