Si vous souhaitez créer un site Web d'adhésion où les gens s'inscrivent pour bénéficier de fonctionnalités spéciales, vous devriez mieux créer une page de connexion et d'inscription dédiée. Cela vous permettra de rendre votre site Web beaucoup plus professionnel, de demander des informations supplémentaires sur les utilisateurs lors de la procédure d'inscription, et bien plus encore.
Et donc, nous avons mis en place un didacticiel détaillé pour vous aider à créer une page de connexion et d'inscription personnalisée à l'aide du plugin création de page Elementor .
Elementor est de loin l'un des plugin création de page les plus populaires et les plus riches en fonctionnalités pour WordPress. La version gratuite du plugin est livrée avec des tonnes de blocs et de widgets pour la construction de site de base. Alors qu'une version pro du plugin existe, offrant des widgets et des blocs plus avancés.
Désormais, le widget de création de formulaire fourni avec Elementor est verrouillé dans sa version pro. Cependant, au lieu d'obtenir Elementor Pro pour créer votre formulaire d'inscription, nous vous recommandons d' opter plutôt pour le plugin Ultimate Addon for Elementor (UAE), car il contient de nombreux blocs et widgets puissants par rapport à Elementor Pro.
Table des matières
En termes de fonctionnalités uniquement, l'utilisation d'une page d'inscription d'apparence générique sur votre site Web ne pose aucun problème. Mais si vous faites cela, vous manquerez les tonnes d'avantages qui viennent avec une page d'inscription sur mesure pour votre site Web.
Voici un aperçu de certains des avantages clés de la création d'une page d'inscription personnalisée pour vous donner une idée:
À l'aide de pages d'inscription personnalisées, vous pouvez créer des formulaires d'inscription avec des champs personnalisés et les concevoir selon vos besoins. Vous pouvez personnaliser les formulaires en fonction de vos besoins et exigences afin qu'ils correspondent à votre idée d'entreprise et à votre site Web.
Le widget Formulaire d'inscription utilisateur peut être utilisé pour les opérations suivantes:
S'il y a une information particulière que vous souhaitez collecter auprès de vos membres, vous pouvez en faire une partie de votre formulaire d'inscription.
Donc, ce n'est pas seulement un nom d'utilisateur et un mot de passe qu'un utilisateur peut choisir, et c'est tout. Vous pouvez ajouter plus de champs de formulaire tels que le nom, l'adresse e-mail, les coordonnées, etc. Vous pouvez créer des formulaires complets avec élégance à l'aide de champs personnalisés dans lesquels vous pouvez faire partie de votre formulaire d'inscription.
Vous pouvez offrir une expérience utilisateur personnalisée à vos membres. Cela peut être de rediriger les utilisateurs vers une page spécifique, de les aider à se connecter automatiquement à leurs comptes ou d'envoyer un e-mail dans leur boîte de réception.
Avec l'ajout de Honeypot et ReCaptcha, vous pouvez lutter contre les spammeurs et empêcher les fausses inscriptions.
Un formulaire d'inscription doit ressembler aux autres pages de votre site Web. Avec des formulaires d'inscription personnalisés, vous pouvez créer des formulaires qui résonnent avec votre entreprise.
Maintenant que vous avez une compréhension de base de la façon dont un formulaire d'inscription utilisateur personnalisé peut vous aider dans votre entreprise, voici un guide détaillé étape par étape sur la façon d'utiliser Elementor et l'addon UAE pour vous aider à créer votre propre expérience de connexion utilisateur personnalisée.
Voici un guide en trois étapes sur la façon dont vous pouvez créer un formulaire d'inscription d'utilisateur pour votre site Web.
Remarque : Avant de poursuivre, assurez-vous que vous avez activé l' option d' adhésion bord > Paramètres > Général > Adhésion : Activé .
L'activation de l'option d'adhésion permettra à tout utilisateur de s'inscrire sur votre site Web.
Pour créer un formulaire d'inscription utilisateur personnalisé, assurez-vous que vous disposez de la version mise à jour du plugin UAE , avec le bloc activé.
Une fois que vous vous êtes assuré des conditions préalables à la création d'une page de connexion, vous devez créer ou ajouter une nouvelle page. Et modifiez la page à laquelle vous souhaitez joindre le formulaire d'inscription de l'utilisateur.
Si vous faites glisser et déposez le widget, vous pouvez voir les champs de formulaire par défaut.
Vous pouvez jouer avec les champs - vous pouvez supprimer un champ dont vous n'avez pas besoin ou ajouter d'autres champs tels que le nom d'utilisateur, le prénom, etc.
Il existe une option pour gérer la largeur de colonne requise et sur les champs de formulaire individuels.
Vous pouvez également gérer la taille d'entrée et les étiquettes des champs (que vous souhaitiez les afficher ou les masquer), ou la marque obligatoire.
Après avoir couvert les bases, vous pouvez configurer les paramètres du formulaire en visitant la section Paramètres généraux . Vous pouvez exécuter les fonctions suivantes à partir d'ici:
Voici un compte rendu détaillé des deux:
Si vous avez un site d'adhésion qui nécessite qu'un utilisateur l'enregistre sur votre site Web, alors par défaut, vous attribuez le «rôle d'utilisateur» en tant qu'abonné .
Vous pouvez définir un rôle d'utilisateur par défaut pour vos membres, et le rôle attribué sera défini pour tous les nouveaux utilisateurs lorsqu'ils s'inscriront sur votre site Web.
Un utilisateur peut sélectionner les actions suivantes qu'il peut effectuer après s'être inscrit sur un site d'adhésion, à l'aide du widget Formulaire d'inscription utilisateur:
Ensuite, vous pouvez concevoir et styliser le formulaire d'inscription utilisateur à l'aide de l'onglet Style du widget.
Après cela, vous avez terminé le processus de création et de configuration du widget Formulaire d'inscription utilisateur. Le formulaire est prêt à être mis en ligne sur le site Web en direct.
Cette partie est assez basique et simple. Vous pouvez directement faire glisser et déposer pour ajouter ce widget, comme tout autre widget Elementor. Vous pouvez également enregistrer la section contenant le widget et récupérer la section enregistrée dans la page d'inscription requise.
Ci-dessous, nous avons développé quelques autres façons d'aider à ajouter un widget dans l'éditeur Elementor.
par exemple pour le formulaire d'inscription utilisateur sur une page WooCommerce
Si vous souhaitez créer une page WooCommerce personnalisée, c'est-à-dire la page Mon compte, sous le nom de Page de compte personnalisée, vous pouvez simplement:
En cliquant sur le bouton «Modifier avec Elementor», vous arriverez à l'éditeur Elementor.
Nous pouvons créer un autre formulaire d'inscription comme celui-ci, et l'enregistrer pour l'utiliser sur la page de compte personnalisé en suivant les mêmes étapes ci-dessus.
Enfin, pour définir la page en tant que «Page de mon compte», accédez au tableau de bord WordPress. Et suivez le chemin suivant sous l'option WooCommerce:
WooCommerce> Paramètres> Avancé> Mise en page> Page Mon compte> Page Mon compte> sélectionnez Page de compte personnalisé
Vous pouvez voir la page contenant EAU sur la page du compte WooCommerce.
Vous pouvez créer un formulaire d'inscription élégant, avec l'option de préférence de votre choix, pour votre site Web en utilisant Elementor et UAE .
En suivant les étapes décrites dans cet article, vous pouvez enregistrer des utilisateurs à l'aide du widget Formulaire d'inscription des utilisateurs des EAU . C'est une solution simple et élégante pour créer un formulaire d'inscription utilisateur élégant pour vos nouveaux utilisateurs.
Les en-têtes et pieds de page d'un site Web sont des éléments essentiels. Dans la plupart des cas, l'en-tête fournit une navigation…
Deux des thèmes WordPress les plus populaires sur le marché sont Astra et OceanWP. Professionnel…
La création d'un excellent site Web d'actualités ne vous oblige pas à devenir concepteur de sites Web. Nous…
Le thème Journal est l'un des thèmes WordPress les plus importants conçus par tagDiv, un…
Lorsqu'il s'agit de créer une boutique en ligne, WooCommerce est le plugin . Ce…
Un en-tête est généralement la première chose qu'une personne voit lorsqu'elle visite votre site Web,…