Cum să adăugați un formular de înregistrare în magazinele WooCommerce
Publicat: 2021-08-18
De data aceasta, vom prezenta cele mai simple modalități posibile de a adăuga un formular de înregistrare în magazinele și platformele de cumpărături WooCommerce .
Un formular de înregistrare ușor de utilizat este una dintre părțile esențiale pe care ar trebui să le aibă orice tip de site web. Indiferent dacă dețineți un hotel sau o agenție de turism, o furnizare de servicii sau un site web comercial.
Trebuie să oferiți clienților potențiali și potențiali formulare de înregistrare pentru a introduce datele lor personale și alte detalii în câmpurile de înregistrare și pentru a vă trimite pentru servicii, produse, abonamente, planuri sau mai multe.
Ce este un formular de înregistrare?
Un formular de înregistrare este o secvență de câmpuri care trebuie completate cu informații despre utilizator.
În general, este o modalitate ideală de a colecta informațiile necesare de la utilizatorii dvs. web, clienții, clienții și urmăritorii dvs. care sunt cumva interesați de afacerea dvs., magazinul, compania, organizația non-profit sau orice ar fi aceasta.
De ce ar trebui să țineți cont atunci când doriți să adăugați un formular de înregistrare în magazinele WooCommerce
Ei bine, înregistrarea pentru zeci de site-uri web și bloguri nu este cel mai plăcut proces pentru utilizatorii de internet.
Dar adevărul este că sunt deja obișnuiți și sunt gata să vă ofere informațiile lor de bază în majoritatea cazurilor.
Cu toate acestea, trebuie să aveți grijă să oferiți o valoare reală în jurul formularului de înregistrare, explicând de ce un vizitator web ar trebui să se înregistreze pe site-ul dvs.
Evitați să solicitați prea multe informații, lăsați doar câmpuri logice, explicați de ce, faceți politica de confidențialitate și securitate precisă și ușor de înțeles.
De ce este important să optimizați formularul de înregistrare al site-ului dvs. comercial
Că disponibilitatea și simplitatea unui formular de înregistrare determină în mod direct numărul de utilizatori din baza ta de date și afectează dorința utilizatorului de a-și continua relația cu site-ul tău.
Astfel, un formular de contact bine formatat și funcțional poate aduce mai mulți clienți și mai multe oportunități de afaceri.
Mai mult, dacă reușești să adaugi un formular de înregistrare în magazinul WooCommerce care este simplu, ușor de înțeles și funcționează ireproșabil, te va scuti de un val de scrisori care necesită asistență tehnică care va deveni inevitabil o bătaie de cap pentru tine și personalul tău.
Acum, când am demonstrat importanța integrării unui formular de înregistrare în mediul dvs. online WooCommerce, să înțelegem cum se poate face din punct de vedere tehnic.
Cum să adăugați un formular de înregistrare în magazinele WooCommerce
În primul rând, trebuie să activați formularul din setările de backend WooCommerce. Urmați calea WooCommerce, Setări, Conturi, Activare înregistrare. Veți fi dus la fereastra de unde trebuie să bifați caseta de lângă „Activați înregistrarea clienților pe pagina „Contul meu””.
Aici puteți controla și alte setări, cum ar fi afișarea mementoului de autentificare a clientului care revin pe pagina de finalizare a comenzii, generarea automată a numelui de utilizator sau a parolei clientului etc. pentru a optimiza procesul de înregistrare pentru utilizatori.
Odată ce ați terminat cu această parte de setări, formularul de înregistrare va fi afișat pe front-end, ceea ce înseamnă că eforturile dvs. de a adăuga un formular de înregistrare la WooCommerce nu au fost în zadar.
După cum puteți vedea acum, formularul pe care l-ați adăugat este destul de simplu și modest. Prin urmare, următorul pas este să adăugați câmpuri în formularul de înregistrare pe care l-ați activat deja.
Puteți introduce următorul cod la sfârșitul fișierului functions.php dacă doriți să adăugați câteva câmpuri de bază, cum ar fi numele și prenumele, numărul de telefon, e-mailul și parola.
funcția wooc_extra_register_fields() {?>
<p class="form-row form-row-wide">
<label for=”reg_billing_phone”><?php _e( „Telefon”, „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( 'Prenumele', 'woocommerce' ); ?><span class="required">*</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[' prenumele_facturare'] ); ?>” />
</p>
<p class="form-row form-row-last">
<label for=”reg_billing_last_name”><?php _e( 'Nume', 'woocommerce'); ?><span class="required">*</span></label>
<input type=”text” class=”input-text” name=”billing_last_name” id=”reg_billing_last_name” value=”<?php if ( ! empty( $_POST['billing_last_name'] ) ) esc_attr_e( $_POST[' nume_de_facturare'] ); ?>” />
</p>
<div class="clear”></div>
<?php
}
add_action( 'woocommerce_register_form_start', 'wooc_extra_register_fields');
Odată reîmprospătată pagina, veți găsi noi câmpuri adăugate la formularul de înregistrare.
Ori de câte ori doriți să conectați formularul de înregistrare cu adresa de facturare, trebuie să adăugați prefixul „facturare” înainte de numele câmpului. Mai jos puteți găsi câmpurile de formular cele mai frecvent utilizate:
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
Acum este timpul să validăm datele din câmpurile formularului cu o altă bucată de cod care să fie adăugată în fișierul functions.php. Utilizați liniile de cod menționate mai jos pentru validarea datelor:
/**
* câmpuri de înregistrare Se validează.
*/
funcția wooc_validate_extra_register_fields( $nume utilizator, $e-mail, $validation_errors ) {
if ( isset( $_POST['billing_first_name'] ) && empty( $_POST['billing_first_name'] ) ) {
$validation_errors->add( 'billing_first_name_error', __( '<strong>Eroare</strong>: Prenumele este necesar!', 'woocommerce' ) );
}
if ( isset( $_POST['billing_last_name'] ) && empty( $_POST['billing_last_name'] ) ) {
$validation_errors->add( 'billing_last_name_error', __( '<strong>Eroare</strong>: Numele de familie este obligatoriu!.', 'woocommerce' ) );
}
returnează $validation_errors;
}
add_action( 'woocommerce_register_post', 'wooc_validate_extra_register_fields', 10, 3 );
Acest cod verifică matricea $_POST pentru valorile formularului și include un mesaj de eroare ori de câte ori valoarea nu este prezentă sau datele sunt invalide.
În cele din urmă, trebuie să salvați aceste valori în baza de date. De îndată ce valorile sunt validate, trebuie să utilizați următorul cod în functions.php pentru a insera valori în baza de date:
/**
* Mai jos codul salvați câmpuri suplimentare.
*/
funcția wooc_save_extra_register_fields( $customer_id ) {
if ( isset( $_POST['billing_phone'] ) ) {
// Intrarea telefonului a fost înregistrată care este utilizată în WooCommerce
update_user_meta( $customer_id, 'billing_phone', sanitize_text_field( $_POST['billing_phone'] ) );
}
if ( isset( $_POST['billing_first_name'] ) ) {
// Câmp de prenume care este implicit
update_user_meta( $customer_id, 'first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
// Câmp de prenume care este folosit în WooCommerce
update_user_meta( $customer_id, 'billing_first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
}
if ( isset( $_POST['billing_last_name'] ) ) {
// Câmp cu nume de familie care este implicit
update_user_meta( $customer_id, 'last_name', sanitize_text_field( $_POST['billing_last_name'] ) );
// Câmp de nume de familie care este folosit în 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');
Terminat! Acum ați colectat, validat și adăugat cu succes valori la baza de date și acestea sunt gata de utilizare.
Postare asociată: Comparația dintre BigCommerce și WooCommerce - Care dintre ele este mai bună?
După cum puteți vedea, puteți adăuga rapid un formular de înregistrare în magazinul WooCommerce , puteți adăuga câmpuri la acesta și vă asigurați că utilizatorii sunt mulțumiți de munca dvs.
În calitate de proprietar de afaceri, este important să configurați un site web cel mai devreme și, în timp ce faceți acest lucru, asigurați-vă că îl configurați pe o platformă WordPress, deoarece vă oferă o flexibilitate mai mare decât majoritatea.
Asigurați-vă că alegeți o temă compatibilă cu woocommerce și că ați configurat un formular de înregistrare pentru magazinele woocommerce .
Procesul este destul de ușor și nu ar trebui să vă ia mai mult de câteva minute cel mult. În cazul în care vă întrebați de ce vă deranjați să treceți prin toată bătaia de cap de a configura un formular de înregistrare la magazinele woocommerce , atunci poate doriți să verificați motivele enumerate mai jos.
- Informații despre utilizator: prin utilizarea formularelor de înregistrare pe site-ul dvs., puteți determina utilizatorii să se aboneze la actualizări zilnice, precum și să vă asigurați că primesc cele mai recente informații cu privire la produsele și serviciile dvs. Puteți folosi informațiile pe care vi le-au împărtășit pentru a vă optimiza marketingul, astfel încât să vă puteți adresa demografiei cheie mai eficient decât înainte.
- Implicarea utilizatorilor: prin utilizarea formularelor de înregistrare, ați interacționa în esență cu utilizatorii dvs. Odată cu implicarea sporită a utilizatorilor, șansele unei conversii și unei vânzări reale cresc, motiv pentru care ar trebui să vă asigurați că comerțul dvs. Woo vine cu formularul de înregistrare activat în fundal.
- Marketing: orice informație furnizată de utilizator ar trebui să se dovedească a fi neprețuită. Puteți folosi aceste informații pentru a vă comercializa direct produsele și serviciile, dar asigurați-vă că nu trimiteți spam, deoarece acest lucru este strict interzis.
Mai important, poți să-ți eficientizezi strategia de marketing, să folosești informațiile oferite de clienți și să îi vizezi cu anunțuri specifice, pe aceeași.
- Configurare ușoară: procesul de configurare a formularului de înregistrare este destul de ușor; tot ce trebuie să faceți este să accesați zona de administrare woocommerce și, din backend, să activați formularul de înregistrare și să activați același lucru. Puteți chiar să-l personalizați astfel încât să atragă clienții noi și, în consecință, aceștia ar fi interesați să vă ofere informațiile de care aveți nevoie prin intermediul formularului de înregistrare pe care tocmai l-ați instalat pe site-ul dvs.
- SEO: Cu formularul de înregistrare de pe site-ul dvs. web, ar trebui să puteți oferi utilizatorilor o experiență de utilizator îmbunătățită, iar aceasta, la rândul său, ar trebui să contribuie la creșterea acestor clasamente SERP. Acest lucru ar trebui să conducă la mai mult trafic și, prin urmare, ar trebui să contribuie la creșterea afișărilor de pagină, a afișărilor și multe altele.
Acestea sunt câteva dintre motivele pentru care ar trebui să instalați un formular de înregistrare pe site-ul dvs. cel mai devreme.
Mai important, trebuie să vă asigurați că nu trimiteți spam utilizatorilor dvs., deoarece aceasta este o modalitate sigură de a alunga clienții noi și potențialii clienți potențiali.
Trebuie să le oferi un schimb, unul în care le-ai oferi un bonus gratuit, o ofertă sau mai multe informații pentru înregistrarea pe site-ul tău.
Procedând astfel, le oferiți ceva valoros în schimb, iar acest lucru ar trebui să le ridice interesul și să-i determine să introducă informațiile pe formularul de înregistrare.