Jak dodać formularz rejestracyjny do sklepów WooCommerce

Opublikowany: 2021-08-18

Tym razem przedstawimy najprostsze możliwe sposoby dodania formularza rejestracyjnego do sklepów i platform zakupowych WooCommerce .

Przyjazny dla użytkownika formularz rejestracyjny jest jednym z podstawowych elementów, jakie powinien posiadać każdy rodzaj strony internetowej. Niezależnie od tego, czy jesteś właścicielem hotelu, biura podróży, usługodawcy czy komercyjnej strony internetowej.

Musisz dostarczyć swoim potencjalnym i potencjalnym klientom formularze rejestracyjne, aby wprowadzić ich dane osobowe i inne dane w polach rejestracyjnych i przesłać Ci usługi, produkty, subskrypcje, plany lub inne.

Co to jest formularz rejestracyjny?
Formularz rejestracyjny to sekwencja pól, które należy wypełnić danymi użytkownika.

Ogólnie rzecz biorąc, jest to idealny sposób na zebranie potrzebnych informacji od użytkowników sieci, klientów, klientów i obserwujących, którzy są w jakiś sposób zainteresowani Twoją firmą, sklepem, firmą, organizacją non-profit lub czymkolwiek to jest.

Na co należy zwrócić uwagę, chcąc dodać formularz rejestracyjny do sklepów WooCommerce
Cóż, rejestracja na dziesiątki stron i blogów nie jest dla internautów najprzyjemniejszym procesem.

Ale prawda jest taka, że ​​są już do tego przyzwyczajeni i w większości przypadków są gotowi udzielić Ci podstawowych informacji.

Musisz jednak zadbać o to, aby formularz rejestracyjny zawierał prawdziwą wartość, wyjaśniając, dlaczego odwiedzający witrynę powinien zarejestrować się w Twojej witrynie.

Unikaj żądania zbyt wielu informacji, zostawiaj tylko pola logiczne, wyjaśnij dlaczego, postaraj się, aby polityka prywatności i bezpieczeństwa była precyzyjna i łatwa do zrozumienia.

Dlaczego ważne jest, aby zoptymalizować formularz rejestracyjny Twojej komercyjnej strony internetowej
Że dostępność i prostota formularza rejestracyjnego bezpośrednio determinuje liczbę użytkowników w Twojej bazie danych i wpływa na chęć kontynuowania przez użytkownika relacji z Twoją witryną.

W ten sposób dobrze sformatowany i dobrze działający formularz kontaktowy może przynieść więcej klientów i więcej możliwości biznesowych.

Co więcej, jeśli uda Ci się dodać formularz rejestracyjny do sklepu WooCommerce , który jest prosty, łatwy do zrozumienia i bezbłędnie działający, oszczędzi Ci to natłoku listów wymagających wsparcia technicznego, co nieuchronnie przysporzy Ci i Twoim pracownikom bólu głowy.

Teraz, gdy pokazaliśmy, jak ważna jest integracja formularza rejestracyjnego ze środowiskiem online WooCommerce, zrozummy, jak można to zrobić z technicznego punktu widzenia.

Jak dodać formularz rejestracyjny do sklepów WooCommerce
Najpierw musisz włączyć formularz z ustawień zaplecza WooCommerce. Podążaj ścieżką WooCommerce, Ustawienia, Konta, Włącz rejestrację. Zostaniesz przeniesiony do okna, z którego należy zaznaczyć pole obok „Włącz rejestrację klienta na stronie „Moje konto”.

Tutaj możesz kontrolować również inne ustawienia, takie jak wyświetlanie przypomnienia o ponownym zalogowaniu się klienta na stronie kasy, automatyczne generowanie nazwy użytkownika lub hasła klienta itp., aby proces rejestracji był bardziej zoptymalizowany dla użytkownika.

Gdy skończysz z tą częścią ustawień, formularz rejestracyjny zostanie wyświetlony na interfejsie użytkownika, co oznacza, że ​​Twoje starania o dodanie formularza rejestracyjnego do WooCommerce nie poszły na marne.

Jak teraz widzisz, dodany przez Ciebie formularz jest dość prosty i skromny. Dlatego kolejnym krokiem jest dodanie pól w formularzu rejestracyjnym, który już aktywowałeś.

Możesz wstawić następujący kod na końcu pliku functions.php, jeśli chcesz dodać podstawowe pola, takie jak imię i nazwisko, numer telefonu, adres e-mail i hasło.

funkcja wooc_extra_register_fields() {?>

<p class="form-row form-row-wide">

<label for="reg_billing_phone"><?php _e( 'Telefon', 'woocommerce' ); ?></etykieta>

<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( 'Imię', '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[' billing_first_name'] ); ?>” />

</p>

<p class=”form-row form-row-last”>

<label for="reg_billing_last_name"><?php _e( 'Nazwisko', '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[' billing_last_name'] ); ?>” />

</p>

<div class=”clear”></div>

<?php

}

add_action( 'woocommerce_register_form_start', 'wooc_extra_register_fields' );

Po odświeżeniu strony do formularza rejestracyjnego zostaną dodane nowe pola.

Za każdym razem, gdy chcesz połączyć swój formularz rejestracyjny z adresem rozliczeniowym, musisz dodać przedrostek „billing” przed nazwą pola. Poniżej znajdziesz najczęściej używane pola formularzy:

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

Teraz nadszedł czas na walidację danych w polach formularza za pomocą kolejnego fragmentu kodu, który zostanie dodany do pliku functions.php. Użyj poniższych wierszy kodu do walidacji danych:

/**

* pola rejestru Walidacja.

*/

function wooc_validate_extra_register_fields( $username, $email, $validation_errors ) {

if ( isset( $_POST['billing_first_name'] ) && empty( $_POST['billing_first_name'] ) ) {

$validation_errors->add( 'billing_first_name_error', __( '<strong>Błąd</strong>: Imię jest wymagane!', 'woocommerce' ) );

}

if ( isset( $_POST['billing_last_name'] ) && puste( $_POST['billing_last_name'] ) ) {

$validation_errors->add( 'billing_last_name_error', __( '<strong>Błąd</strong>: Nazwisko jest wymagane!.', 'woocommerce' ) );

}

zwróć $validation_errors;

}

add_action( 'woocommerce_register_post', 'wooc_validate_extra_register_fields', 10, 3 );

Ten kod sprawdza tablicę $_POST pod kątem wartości formularza i dołącza komunikat o błędzie, gdy wartość nie jest obecna lub dane są nieprawidłowe.

Na koniec musisz zapisać te wartości w bazie danych. Gdy tylko wartości zostaną zweryfikowane, musisz użyć następującego kodu w pliku functions.php, aby wstawić wartości do bazy danych:

/**

* Poniżej kodu zapisz dodatkowe pola.

*/

funkcja wooc_save_extra_register_fields ( $customer_id ) {

if ( isset( $_POST['billing_phone'] ) ) {

// Zgłoszenie telefonu, które jest używane w WooCommerce

update_user_meta( $customer_id, 'billing_phone', sanitize_text_field( $_POST['billing_phone']) );

}

if ( isset( $_POST['billing_first_name'] ) ) {

//Pole imienia, które jest domyślnie

update_user_meta( $customer_id, 'first_name', sanitize_text_field( $_POST['billing_first_name']) );

// Pole imienia używane w WooCommerce

update_user_meta( $customer_id, 'billing_first_name', sanitize_text_field( $_POST['billing_first_name']) );

}

if ( isset( $_POST['billing_last_name'] ) ) {

// Pole nazwiska, które jest domyślnie

update_user_meta( $customer_id, 'last_name', sanitize_text_field( $_POST['billing_last_name']) );

// Pole nazwiska używane w 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' );

Skończone! Teraz udało Ci się zebrać, zweryfikować i dodać wartości do swojej bazy danych i są one gotowe do użycia.

Powiązany post: Porównanie BigCommerce z WooCommerce – który z nich jest lepszy?

Jak widzisz, możesz szybko dodać formularz rejestracyjny do sklepu WooCommerce , dodać do niego pola i upewnić się, że Twoi użytkownicy są zadowoleni z Twojej pracy.

Jako właściciel firmy ważne jest, aby skonfigurować witrynę internetową jak najwcześniej, a robiąc to, upewnij się, że skonfigurowałeś ją na platformie WordPress, ponieważ oferuje większą elastyczność niż większość.

Upewnij się, że wybrałeś motyw zgodny z woocommerce i skonfigurowałeś formularz rejestracyjny w sklepach woocommerce .

Proces jest dość łatwy i nie powinien zająć więcej niż kilka minut. Jeśli zastanawiasz się, po co przechodzić przez wszystkie kłopoty z konfiguracją formularza rejestracyjnego w sklepach woocommerce , możesz sprawdzić powody wymienione poniżej.

  • Informacje o użytkowniku: Korzystając z formularzy rejestracyjnych w swojej witrynie, możesz zachęcić użytkowników do subskrybowania codziennych aktualizacji, a także upewnić się, że otrzymują najnowsze informacje dotyczące Twoich produktów i usług. Możesz wykorzystać informacje, które Ci udostępnili, aby zoptymalizować swój marketing, aby skuteczniej niż wcześniej docierać do kluczowej grupy demograficznej.
  • Zaangażowanie użytkownika: Korzystając z formularzy rejestracyjnych, zasadniczo wchodzisz w interakcję ze swoimi użytkownikami. Wraz ze wzrostem zaangażowania użytkowników wzrastają szanse na konwersję i rzeczywistą sprzedaż, dlatego powinieneś upewnić się, że Twój woo commerce ma włączony formularz rejestracyjny w tle.
  • Marketing: Wszelkie informacje, które podaje użytkownik, powinny okazać się bezcenne. Możesz użyć tych informacji, aby bezpośrednio sprzedawać swoje produkty i usługi, ale upewnij się, że nie spamujesz, ponieważ jest to surowo zabronione.

    Co ważniejsze, możesz usprawnić swoją strategię marketingową, wykorzystać informacje dostarczone przez klientów i skierować do nich określone reklamy, na tym samym.

  • Łatwa konfiguracja: proces konfiguracji formularza rejestracyjnego jest dość łatwy; wszystko, co musisz zrobić, to przejść do obszaru administracyjnego woocommerce i z zaplecza, włączyć formularz rejestracyjny i aktywować go. Możesz nawet dostosować go tak, aby podobał się nowym klientom, a co za tym idzie, byliby zainteresowani dostarczeniem Ci potrzebnych informacji za pośrednictwem formularza rejestracyjnego, który właśnie zainstalowałeś na swojej stronie.
  • SEO: Dzięki formularzowi rejestracyjnemu na swojej stronie internetowej powinieneś być w stanie zapewnić swoim użytkownikom lepsze wrażenia z użytkowania, a to z kolei powinno pomóc poprawić rankingi SERP. Powinno to prowadzić do większego ruchu, a zatem powinno pomóc w zwiększeniu liczby wyświetleń strony, wyświetleń i wielu innych.

Oto niektóre z powodów, dla których powinieneś jak najszybciej zainstalować formularz rejestracyjny na swojej stronie.

Co ważniejsze, musisz upewnić się, że nie spamujesz swoich użytkowników, ponieważ jest to pewny sposób na odstraszenie nowych klientów i potencjalnych potencjalnych klientów.

Musisz zaoferować im kompromis, w którym zapewnisz im trochę gratisów, ofertę lub więcej informacji do rejestracji na swojej stronie.

W ten sposób oferujesz im w zamian coś wartościowego, a to z pewnością powinno wzbudzić ich zainteresowanie i sprawić, że wpiszą swoje dane w formularzu rejestracyjnym.