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
- Avantages de la création d'une page d'inscription personnalisée
- 1. Personnalisez les pages d'enregistrement des utilisateurs
- 2. Collectez toutes les informations requises à partir d'un formulaire unique
- 3. Personnalisez l'expérience utilisateur
- 4. Lutte contre le spam et renforcement de la sécurité
- 5. Parfaitement pour votre style de marque
- Comment créer un formulaire d'inscription d'utilisateur personnalisé à l'aide d'Elementor?
- Étape 1: Créez un formulaire d'inscription utilisateur à l'aide du Plugin UAE (Ultimate Addon for Elementor)
- Étape 2: Configurez vos paramètres de formulaire
- Nouveau rôle d'utilisateur
- Choisir après les actions d'enregistrement
- Étape 3: Ajoutez le formulaire d'inscription de l'utilisateur à votre site Web
- Conclusion:
Avantages de la création d'une page d'inscription personnalisée
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:
1. Personnalisez les pages d'enregistrement des utilisateurs
À 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:
- Une solution élégante pour devenir membre d'une boutique en ligne
- Un formulaire d'inscription WordPress personnalisé pour refléter votre entreprise
- Un formulaire sécurisé pour les forums et les sites e-learning
- Un formulaire d'inscription personnalisé pour les sites Web d'adhésion
2. Collectez toutes les informations requises à partir d'un formulaire unique
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.
3. Personnalisez l'expérience utilisateur
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.
4. Lutte contre le spam et renforcement de la sécurité
Avec l'ajout de Honeypot et ReCaptcha, vous pouvez lutter contre les spammeurs et empêcher les fausses inscriptions.
5. Parfaitement pour votre style de marque
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.
Comment créer un formulaire d'inscription d'utilisateur personnalisé à l'aide d'Elementor?
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.
Étape 1: Créez un formulaire d'inscription utilisateur à l'aide du Plugin UAE (Ultimate Addon for Elementor)
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.
Étape 2: Configurez vos paramètres de formulaire
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:
- Nouveau rôle d'utilisateur
- Sélectionnez "Après les actions d'enregistrement"
Voici un compte rendu détaillé des deux:
Nouveau rôle d'utilisateur
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.
Choisir après les actions d'enregistrement
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:
- Connexion automatique : avec cette option, vous pouvez permettre à l'utilisateur de se connecter automatiquement à votre site Web. Après avoir fourni les informations d'identification pour la première fois, l'utilisateur n'aura pas à se reconnecter car il sera automatiquement connecté au site Web après l'enregistrement réussi.
- Rediriger après inscription : avec cette option, vous pouvez rediriger les utilisateurs vers une page d'accueil ou une page de connexion - après une inscription réussie. Vous pouvez définir une page de redirection en collant l'URL de la page souhaitée dans le champ URL sous cette option.
- Envoyer un email: lorsque l'utilisateur l'inscrit sur votre site Web avec succès, cette option lui enverra un email confirmant son inscription. Le contenu de l'e-mail est personnalisable et vous pouvez personnaliser ces e-mails pour plus de chaleur. Mais si vous souhaitez envoyer le même e-mail à tous vos utilisateurs, vous pouvez également le faire en explorant cette option.
- Masquer après l'enregistrement: Parfois, vous souhaiterez peut-être masquer le formulaire d'inscription de l'utilisateur après son inscription sur votre site. Avec l'option `` Masquer après l'enregistrement '', vous pouvez masquer le formulaire d'inscription tout en les menant à une page de connexion ou simplement un affichage du message `` Réussite '' après leur avoir fourni un lien pour visiter la page de connexion pour accéder au site Web. Vous pouvez trouver cette option dans la section Paramètres généraux de l'onglet Contenu du widget.
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.
Étape 3: Ajoutez le formulaire d'inscription de l'utilisateur à votre site Web
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.
Conclusion:
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.
