Comment ajouter un formulaire d'inscription aux boutiques WooCommerce
Publié: 2021-08-18
Cette fois, nous allons présenter les moyens les plus simples possibles pour ajouter un formulaire d'inscription aux magasins WooCommerce et aux plateformes d'achat.
Un formulaire d'inscription convivial est l'un des éléments essentiels que tout type de site Web devrait avoir. Que vous soyez propriétaire d'un hôtel ou d'une agence de voyages, d'une prestation de services ou d'un site marchand.
Vous devez fournir à vos clients potentiels et potentiels des formulaires d'inscription pour saisir leurs données personnelles et d'autres détails dans les champs d'inscription et vous les soumettre pour des services, des produits, des abonnements, des plans ou plus.
Qu'est-ce qu'un formulaire d'inscription ?
Un formulaire d'inscription est une séquence de champs qui doivent être remplis avec les informations de l'utilisateur.
Dans l'ensemble, c'est un moyen idéal de collecter les informations nécessaires auprès de vos internautes, clients, clients et abonnés qui s'intéressent d'une manière ou d'une autre à votre entreprise, magasin, entreprise, organisation à but non lucratif ou quoi que ce soit.
Ce que vous devez prendre en compte lorsque vous souhaitez ajouter un formulaire d'inscription aux magasins WooCommerce
Eh bien, s'inscrire à des dizaines de sites Web et de blogs n'est pas le processus le plus agréable pour les internautes.
Mais la vérité est qu'ils y sont déjà habitués et sont prêts à vous fournir leurs informations de base dans la plupart des cas.
Cependant, vous devez veiller à apporter une réelle valeur ajoutée autour de votre formulaire d'inscription en expliquant pourquoi un internaute doit s'inscrire sur votre site.
Évitez d'exiger trop d'informations, ne laissez que des champs logiques, expliquez pourquoi vous, faites en sorte que la politique de confidentialité et de sécurité soit précise et facile à comprendre.
Pourquoi il est important d'optimiser le formulaire d'inscription de votre site marchand
Que la disponibilité et la simplicité d'un formulaire d'inscription déterminent directement le nombre d'utilisateurs dans votre base de données et affectent le désir de l'utilisateur de poursuivre sa relation avec votre site Web.
Ainsi, un formulaire de contact bien formaté et bien opérationnel peut apporter plus de clients et plus d'opportunités commerciales.
De plus, si vous parvenez à ajouter un formulaire d'inscription à la boutique WooCommerce simple, facile à comprendre et fonctionnant parfaitement, cela vous évitera une avalanche de lettres nécessitant une assistance technique qui deviendra inévitablement un casse-tête pour vous et votre personnel.
Maintenant que nous avons démontré l'importance d'intégrer un formulaire d'inscription dans votre environnement WooCommerce en ligne, voyons comment cela peut être fait d'un point de vue technique.
Comment ajouter un formulaire d'inscription aux magasins WooCommerce
Tout d'abord, vous devez activer le formulaire à partir des paramètres du backend WooCommerce. Suivez le chemin WooCommerce, Paramètres, Comptes, Activer l'enregistrement. Vous serez redirigé vers la fenêtre à partir de laquelle vous devrez cocher la case à côté de "Activer l'enregistrement client sur la page "Mon compte"".
Ici, vous pouvez également contrôler d'autres paramètres tels que l'affichage d'un rappel de connexion client sur la page de paiement, la génération automatique d'un nom d'utilisateur ou d'un mot de passe client, etc. pour optimiser le processus d'inscription.
Une fois que vous avez terminé avec cette partie des paramètres, le formulaire d'inscription va s'afficher sur le frontend, ce qui signifie que vos efforts pour ajouter un formulaire d'inscription à WooCommerce n'ont pas été vains.
Comme vous pouvez le voir maintenant, le formulaire que vous avez ajouté est assez simple et modeste. Par conséquent, la prochaine étape consiste à ajouter des champs dans le formulaire d'inscription que vous avez déjà activé.
Vous pouvez insérer le code suivant à la fin de votre fichier functions.php si vous souhaitez ajouter des champs de base comme le prénom et le nom, le numéro de téléphone, l'e-mail et le mot de passe.
fonction woc_extra_register_fields() {?>
<p class="form-row form-row-wide">
<label for="reg_billing_phone"><?php _e( 'Téléphone', 'woocommerce' ); ?></étiquette>
<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( 'Prénom', '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( 'Nom', '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' );
Une fois la page actualisée, vous trouverez de nouveaux champs ajoutés à votre formulaire d'inscription.
Chaque fois que vous souhaitez connecter votre formulaire d'inscription à l'adresse de facturation, vous devez ajouter le préfixe "facturation" avant le nom du champ. Vous trouverez ci-dessous les champs de formulaire les plus couramment utilisés :
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
Il est maintenant temps de valider les données dans les champs du formulaire avec un autre morceau de code à ajouter au fichier functions.php. Utilisez les lignes de code mentionnées ci-dessous pour la validation des données :
/**
* enregistrer les champs Validation.
*/
function woc_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>Erreur</strong> : le prénom est requis !', 'woocommerce' ) );
}
if ( isset( $_POST['billing_last_name'] ) && empty( $_POST['billing_last_name'] ) ) {
$validation_errors->add( 'billing_last_name_error', __( '<strong>Erreur</strong> : le nom de famille est requis !.', 'woocommerce' ) );
}
retourne $validation_errors ;
}
add_action( 'woocommerce_register_post', 'wooc_validate_extra_register_fields', 10, 3 );
Ce code vérifie le tableau $_POST pour les valeurs de formulaire et inclut un message d'erreur chaque fois que la valeur n'est pas présente ou que les données ne sont pas valides.
Enfin, vous devez enregistrer ces valeurs dans la base de données. Dès que les valeurs sont validées, vous devez utiliser le code suivant dans votre functions.php pour insérer des valeurs dans la base :
/**
* Le code ci-dessous enregistre des champs supplémentaires.
*/
function woc_save_extra_register_fields( $customer_id ) {
if ( isset( $_POST['billing_phone'] ) ) {
// Fichier d'entrée téléphonique utilisé dans WooCommerce
update_user_meta( $customer_id, 'billing_phone', sanitize_text_field( $_POST['billing_phone'] ) );
}
if ( isset( $_POST['billing_first_name'] ) ) {
//Champ Prénom qui est par défaut
update_user_meta( $customer_id, 'first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
// Champ du prénom utilisé dans WooCommerce
update_user_meta( $customer_id, 'billing_first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
}
if ( isset( $_POST['billing_last_name'] ) ) {
// Champ Nom de famille qui est par défaut
update_user_meta( $customer_id, 'last_name', sanitize_text_field( $_POST['billing_last_name'] ) );
// Champ de nom de famille utilisé dans 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' );
Fini! Vous avez maintenant réussi à collecter, valider et ajouter des valeurs à votre base de données et elles sont prêtes à être utilisées.
Article connexe : La comparaison entre BigCommerce et WooCommerce - Lequel est le meilleur ?
Comme vous pouvez le constater, vous pouvez rapidement ajouter un formulaire d'inscription à la boutique WooCommerce , y ajouter des champs et vous assurer que vos utilisateurs sont satisfaits de votre travail.
En tant que propriétaire d'entreprise, il est important que vous configuriez un site Web au plus tôt et, ce faisant, assurez-vous de le configurer sur une plate-forme WordPress car elle vous offre une plus grande flexibilité que la plupart.
Assurez-vous de choisir un thème compatible avec woocommerce et de configurer un formulaire d'inscription aux magasins woocommerce .
Le processus est assez simple et ne devrait pas vous prendre plus de quelques minutes au maximum. Au cas où vous vous demanderiez pourquoi vous donner la peine de créer un formulaire d'inscription pour les magasins woocommerce , vous voudrez peut-être consulter les raisons énumérées ci-dessous.
- Informations utilisateur : en utilisant les formulaires d'inscription sur votre site Web, vous pouvez amener les utilisateurs à s'abonner aux mises à jour quotidiennes et vous assurer qu'ils reçoivent les dernières informations concernant vos produits et services. Vous pouvez utiliser les informations qu'ils ont partagées avec vous pour optimiser votre marketing afin que vous puissiez atteindre votre groupe démographique clé plus efficacement qu'auparavant.
- Engagement des utilisateurs : en utilisant les formulaires d'inscription, vous interagissez essentiellement avec vos utilisateurs. Avec un engagement accru des utilisateurs, les chances de conversion et de vente réelle augmentent, c'est pourquoi vous devez vous assurer que votre commerce woo est livré avec un formulaire d'inscription activé en arrière-plan.
- Marketing : toute information fournie par l'utilisateur doit s'avérer inestimable. Vous pouvez utiliser ces informations pour leur commercialiser directement vos produits et services, mais assurez-vous de ne pas envoyer de spam, car cela est strictement interdit.
Plus important encore, vous pouvez rationaliser votre stratégie marketing, utiliser les informations fournies par les clients et les cibler avec des publicités spécifiques, sur le même.
- Configuration facile : Le processus de configuration de votre formulaire d'inscription est assez simple ; tout ce que vous avez à faire est de vous rendre dans la zone d'administration de woocommerce et depuis le backend, activez le formulaire d'inscription et activez-le. Vous pouvez même le personnaliser pour qu'il attire de nouveaux clients et par conséquent, ils seraient intéressés à vous fournir les informations dont vous avez besoin via le formulaire d'inscription que vous venez d'installer sur votre site Web.
- SEO : avec le formulaire d'inscription sur votre site Web, vous devriez être en mesure d'offrir à vos utilisateurs une expérience utilisateur améliorée, ce qui devrait à son tour contribuer à améliorer ces classements SERP. Cela devrait conduire à plus de trafic et devrait donc aider à augmenter les pages vues, les impressions et bien plus encore.
Ce sont quelques-unes des raisons pour lesquelles vous devriez installer un formulaire d'inscription sur votre site Web au plus tôt.
Plus important encore, vous devez vous assurer de ne pas spammer vos utilisateurs, car c'est un moyen sûr de chasser de nouveaux clients et prospects.
Vous devez leur offrir un compromis, celui où vous leur fourniriez un cadeau, une offre ou plus d'informations pour s'inscrire sur votre site.
Ce faisant, vous leur offrez quelque chose de précieux en retour, ce qui devrait certainement susciter leur intérêt et les amener à saisir leurs informations sur le formulaire d'inscription.