Cara Menambahkan Formulir Pendaftaran ke Toko WooCommerce
Diterbitkan: 2021-08-18
Kali ini kami akan menampilkan cara paling sederhana yang dapat diikuti untuk menambahkan formulir pendaftaran ke toko dan platform belanja WooCommerce .
Formulir pendaftaran yang ramah pengguna adalah salah satu bagian penting yang harus dimiliki semua jenis situs web. Apakah Anda memiliki hotel atau agen perjalanan, penyediaan layanan, atau situs web komersial.
Anda perlu memberikan formulir pendaftaran kepada calon pelanggan dan calon pelanggan Anda untuk memasukkan data pribadi mereka dan detail lainnya ke dalam bidang pendaftaran dan menyerahkan kepada Anda untuk layanan, produk, langganan, paket, atau lebih.
Apa itu formulir pendaftaran?
Formulir pendaftaran adalah urutan bidang yang perlu diisi dengan informasi pengguna.
Secara keseluruhan, ini adalah cara ideal untuk mengumpulkan informasi yang dibutuhkan dari pengguna web, klien, pelanggan, dan pengikut Anda yang entah bagaimana tertarik dengan bisnis, toko, perusahaan, organisasi nirlaba Anda, atau apa pun itu.
Apa yang harus Anda perhitungkan saat ingin menambahkan formulir pendaftaran ke toko WooCommerce
Nah, mendaftar ke lusinan situs web dan blog bukanlah proses yang paling menyenangkan bagi pengguna Internet.
Tetapi kenyataannya adalah mereka sudah terbiasa dan siap memberi Anda informasi dasar mereka di sebagian besar kasus.
Namun, Anda perlu berhati-hati dalam memberikan nilai nyata di sekitar formulir pendaftaran Anda dengan menjelaskan mengapa pengunjung web harus mendaftar ke situs Anda.
Hindari menuntut terlalu banyak informasi, tinggalkan hanya bidang logis, jelaskan mengapa Anda, buat kebijakan privasi dan keamanan tepat dan mudah dimengerti.
Mengapa penting untuk mengoptimalkan formulir pendaftaran situs web komersial Anda
Bahwa ketersediaan dan kesederhanaan formulir pendaftaran secara langsung menentukan jumlah pengguna di database Anda dan memengaruhi keinginan pengguna untuk melanjutkan hubungannya dengan situs web Anda.
Dengan demikian, formulir kontak yang diformat dengan baik dan beroperasi dengan baik dapat membawa lebih banyak klien dan lebih banyak peluang bisnis.
Selain itu, jika Anda berhasil menambahkan formulir pendaftaran ke toko WooCommerce yang sederhana, mudah dimengerti dan berfungsi dengan sempurna, itu akan menyelamatkan Anda dari kebingungan surat yang membutuhkan dukungan teknis yang pasti akan menjadi sakit kepala bagi Anda dan staf Anda.
Sekarang ketika kami telah menunjukkan pentingnya mengintegrasikan formulir pendaftaran ke dalam lingkungan WooCommerce online Anda, mari kita pahami bagaimana hal itu dapat dilakukan dari sudut pandang teknis.
Bagaimana cara menambahkan formulir pendaftaran ke toko WooCommerce
Pertama, Anda perlu mengaktifkan formulir dari pengaturan backend WooCommerce. Ikuti jalur WooCommerce, Pengaturan, Akun, Aktifkan Pendaftaran. Anda akan dibawa ke jendela tempat Anda perlu mencentang kotak di samping "Aktifkan pendaftaran pelanggan di halaman "Akun saya".
Di sini Anda juga dapat mengontrol pengaturan lain seperti menampilkan pengingat login pelanggan yang kembali pada halaman checkout, secara otomatis menghasilkan nama pengguna atau kata sandi pelanggan, dll. untuk membuat proses pendaftaran lebih optimal bagi pengguna.
Setelah Anda selesai dengan bagian pengaturan ini, formulir pendaftaran akan ditampilkan di frontend, yang berarti bahwa upaya Anda untuk menambahkan formulir pendaftaran ke WooCommerce tidak sia-sia.
Seperti yang Anda lihat sekarang, formulir yang Anda tambahkan cukup sederhana dan sederhana. Oleh karena itu, langkah selanjutnya adalah menambahkan kolom pada formulir pendaftaran yang telah Anda aktifkan.
Anda dapat memasukkan kode berikut di akhir file functions.php Anda jika Anda ingin menambahkan beberapa bidang dasar seperti nama depan dan belakang, nomor telepon, email dan kata sandi.
fungsi wooc_extra_register_fields() {?>
<p class="form-row form-row-wide">
<label for=”reg_billing_phone”><?php _e( 'Telepon', 'woocommerce' ); ?></label>
<input type=”text” class=”input-text” name=”billing_phone” id=”reg_billing_phone” value=”<?php esc_attr_e( $_POST['billing_phone'] ); ?>” />
</p>
<p class="form-row form-row-first">
<label for=”reg_billing_first_name”><?php _e( 'Nama depan', 'woocommerce' ); ?><span class=”wajib”>*</span></label>
<input type=”text” class=”input-text” name=”billing_first_name” id=”reg_billing_first_name” value=”<?php if ( ! empty( $_POST['billing_first_name'] ) ) esc_attr_e( $_POST[' billing_first_name'] ); ?>” />
</p>
<p class="form-row form-row-last">
<label for=”reg_billing_last_name”><?php _e( 'Nama belakang', 'woocommerce' ); ?><span class=”wajib”>*</span></label>
<input type=”text” class=”input-text” name=”billing_last_name” id=”reg_billing_last_name” value=”<?php if ( ! kosong( $_POST['billing_last_name'] ) ) esc_attr_e( $_POST[' billing_last_name'] ); ?>” />
</p>
<div class="clear"></div>
<?php
}
add_action( 'woocommerce_register_form_start', 'wooc_extra_register_fields' );
Setelah halaman di-refresh, Anda akan menemukan bidang baru ditambahkan ke formulir pendaftaran Anda.
Kapan pun Anda ingin menghubungkan formulir pendaftaran Anda dengan alamat penagihan, Anda perlu menambahkan awalan "penagihan" sebelum nama bidang. Di bawah ini Anda dapat menemukan bidang formulir yang paling umum digunakan:
billing_first_name, billing_last_name, billing_company, billing_address_1, billing_address_2,
billing_city, billing_postcode, billing_country, billing_state, billing_email, billing_phone
Sekarang saatnya untuk memvalidasi data di bidang formulir dengan potongan kode lain untuk ditambahkan ke file functions.php. Gunakan baris kode yang disebutkan di bawah ini untuk validasi data:
/**
* mendaftar bidang Memvalidasi.
*/
function wooc_validate_extra_register_fields( $username, $email, $validation_errors ) {
if ( isset( $_POST['billing_first_name'] ) && kosong( $_POST['billing_first_name'] ) ) {
$validation_errors->add( 'billing_first_name_error', __( '<strong>Error</strong>: Nama depan wajib diisi!', 'woocommerce' ) );
}
if ( isset( $_POST['billing_last_name'] ) && kosong( $_POST['billing_last_name'] ) ) {
$validation_errors->add( 'billing_last_name_error', __( '<strong>Error</strong>: Nama belakang wajib diisi!.', 'woocommerce' ) );
}
kembalikan $validation_errors;
}
add_action( 'woocommerce_register_post', 'wooc_validate_extra_register_fields', 10, 3 );
Kode ini memeriksa array $_POST untuk nilai formulir dan menyertakan pesan kesalahan setiap kali nilainya tidak ada atau data tidak valid.
Terakhir, Anda perlu menyimpan nilai-nilai ini dalam database. Segera setelah nilai divalidasi, Anda perlu menggunakan kode berikut di functions.php Anda untuk memasukkan nilai ke dalam database:
/**
* Kode di bawah ini menyimpan bidang tambahan.
*/
fungsi wooc_save_extra_register_fields( $customer_id ) {
if ( isset( $_POST['billing_phone'] ) ) {
// Input telepon diajukan yang digunakan di WooCommerce
update_user_meta( $customer_id, 'billing_phone', sanitize_text_field( $_POST['billing_phone'] ) );
}
if ( isset( $_POST['billing_first_name'] ) ) {
//bidang nama depan yang secara default
update_user_meta( $customer_id, 'first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
// Bidang nama depan yang digunakan di WooCommerce
update_user_meta( $customer_id, 'billing_first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
}
if ( isset( $_POST['billing_last_name'] ) ) {
// Bidang nama belakang yang secara default
update_user_meta( $customer_id, 'last_name', sanitize_text_field( $_POST['billing_last_name'] ) );
// Bidang nama belakang yang digunakan di WooCommerce
update_user_meta( $customer_id, 'billing_last_name', sanitize_text_field( $_POST['billing_last_name'] ) );
}
}
add_action( 'woocommerce_created_customer', 'wooc_save_extra_register_fields' );
Selesai! Sekarang Anda telah berhasil mengumpulkan, memvalidasi, dan menambahkan nilai ke database Anda dan siap untuk digunakan.
Posting Terkait: Perbandingan Antara BigCommerce vs WooCommerce – Mana yang Lebih Baik?
Seperti yang Anda lihat, Anda dapat dengan cepat menambahkan formulir pendaftaran ke toko WooCommerce , menambahkan bidang ke dalamnya dan memastikan pengguna Anda puas dengan pekerjaan Anda.
Sebagai pemilik bisnis, penting bagi Anda untuk menyiapkan situs web sedini mungkin dan saat melakukannya, pastikan Anda mengaturnya di platform WordPress karena menawarkan fleksibilitas yang lebih besar daripada kebanyakan.
Pastikan Anda memilih tema yang kompatibel dengan woocommerce dan Anda menyiapkan formulir pendaftaran untuk toko woocommerce .
Prosesnya cukup mudah dan tidak akan memakan waktu lebih dari beberapa menit. Jika, Anda bertanya-tanya mengapa repot-repot melalui semua kerumitan menyiapkan formulir pendaftaran ke toko woocommerce , maka Anda mungkin ingin memeriksa alasan yang tercantum di bawah ini.
- Informasi pengguna: Dengan menggunakan formulir pendaftaran di situs web Anda, Anda dapat membuat pengguna berlangganan pembaruan harian serta memastikan bahwa mereka menerima informasi terbaru mengenai produk dan layanan Anda. Anda dapat menggunakan informasi yang mereka bagikan dengan Anda untuk mengoptimalkan pemasaran sehingga Anda dapat menjangkau demografi kunci Anda secara lebih efektif daripada sebelumnya.
- Keterlibatan pengguna: Dengan menggunakan formulir pendaftaran, Anda pada dasarnya akan berinteraksi dengan pengguna Anda. Dengan peningkatan keterlibatan pengguna, peluang konversi dan penjualan aktual meningkat. Itulah sebabnya Anda harus memastikan bahwa woo commerce Anda dilengkapi dengan formulir pendaftaran yang diaktifkan di latar belakang.
- Pemasaran: Setiap informasi yang diberikan pengguna harus terbukti sangat berharga. Anda dapat menggunakan informasi ini untuk langsung memasarkan produk dan layanan Anda kepada mereka secara langsung, tetapi pastikan Anda tidak melakukan spam karena hal itu sangat dilarang.
Lebih penting lagi, Anda dapat merampingkan strategi pemasaran Anda, menggunakan informasi yang diberikan oleh pelanggan dan menargetkan mereka dengan iklan tertentu, pada saat yang sama.
- Pengaturan yang mudah: Proses untuk mengatur formulir pendaftaran Anda cukup mudah; yang perlu Anda lakukan adalah menuju ke area admin woocommerce dan dari backend, aktifkan formulir pendaftaran dan aktifkan yang sama. Anda bahkan dapat menyesuaikannya sehingga menarik bagi pelanggan baru dan akibatnya, mereka akan tertarik untuk memberi Anda info yang Anda butuhkan melalui formulir pendaftaran yang baru saja Anda pasang di situs web Anda.
- SEO: Dengan formulir pendaftaran di situs web Anda, Anda harus dapat memberikan pengalaman pengguna yang ditingkatkan kepada pengguna Anda dan ini pada gilirannya akan membantu meningkatkan peringkat SERP tersebut. Ini akan menghasilkan lebih banyak lalu lintas dan karenanya akan membantu meningkatkan tampilan halaman, tayangan, dan banyak lagi.
Ini adalah beberapa alasan mengapa Anda harus memasang formulir pendaftaran di situs web Anda sedini mungkin.
Lebih penting lagi, Anda perlu memastikan bahwa Anda tidak mengirim spam kepada pengguna Anda karena itu adalah salah satu cara yang pasti untuk mengusir pelanggan baru dan calon pelanggan.
Anda perlu menawarkan mereka trade off, di mana Anda akan memberi mereka beberapa freebie, penawaran atau informasi lebih lanjut untuk mendaftar di situs Anda.
Dengan melakukan itu, Anda menawarkan sesuatu yang berharga sebagai balasannya dan ini pasti akan meningkatkan minat mereka dan menyebabkan mereka memasukkan informasi mereka pada formulir pendaftaran.