Résumé IA
Voulez-vous configurer des redirections de connexion et d'inscription pour votre site WordPress ?
Par défaut, WordPress redirigera vos utilisateurs vers une page d'administration spécifique après leur inscription ou leur connexion, ce qui n'est pas toujours pratique.
Dans cet article, nous vous montrerons comment rediriger les utilisateurs vers les pages que vous souhaitez qu'ils visitent après leur inscription ou leur connexion. Nous vous montrerons également comment rediriger les utilisateurs afin qu'ils ne voient jamais votre page d'inscription par défaut.
Créez vos formulaires de connexion et d'inscription personnalisés dès maintenant
Comment rediriger un utilisateur WordPress après l'inscription ?
Le moyen le plus simple de rediriger les utilisateurs après l'inscription est d'utiliser le module complémentaire d'inscription d'utilisateurs WPForms.
Le module complémentaire vous permet de personnaliser le processus d'inscription et de créer des redirections sans écrire de code.
Avec le module complémentaire d'inscription d'utilisateurs, vous pouvez développer des pages d'inscription personnalisées pour contourner le formulaire d'inscription par défaut dans WordPress. Vous pouvez ensuite masquer ces pages afin que vos visiteurs ne les voient jamais.
Tout d'abord, nous vous montrerons comment rediriger vos utilisateurs après leur inscription ou leur connexion à votre site. À la fin, nous vous montrerons comment créer des redirections pour masquer vos pages de connexion et d'inscription par défaut.
Comment ajouter des redirections de connexion et d’inscription dans WordPress
Nous commencerons par créer des pages d'inscription et de connexion, puis nous expliquerons différentes façons de rediriger vos visiteurs.
Dans cet article
- 1. Installer WPForms
- 2. Créer un formulaire d'inscription
- 3. Personnaliser les paramètres du formulaire d'inscription
- 4. Créer un formulaire de connexion
- 5. Intégrer les formulaires d'inscription et de connexion
- 6. Rediriger les utilisateurs après l'inscription ou la connexion
- 7. Rediriger les utilisateurs vers la page d'inscription et de connexion personnalisée
Plongeons dans le vif du sujet.
1. Installer WPForms
Le moyen le plus simple de créer des formulaires de connexion et d'inscription personnalisés est d'utiliser WPForms. WPForms est le plugin de création de formulaires le mieux noté et le plus convivial pour WordPress. L'une de ses nombreuses fonctionnalités est le module complémentaire d'inscription d'utilisateurs qui vous permet de créer des formulaires de connexion, d'inscription et de réinitialisation de mot de passe.
Vous aurez besoin au minimum de la licence WPForms Pro pour accéder au module complémentaire d'inscription d'utilisateurs.
Une fois que vous avez acheté une licence WPForms, suivez ces instructions pour installer WPForms et configurez-le sur votre site.
Après avoir activé WPForms sur votre site, vous devrez installer le module complémentaire User Registration. Pour ce faire, accédez à WPForms » Addon depuis votre zone d'administration WordPress.
Recherchez maintenant User Registration dans la barre de recherche à droite pour trouver ce module complémentaire. Cliquez ensuite sur Install Addon en dessous.
Le module complémentaire User Registration s'installera alors en moins de 5 secondes. Vous pouvez maintenant commencer à créer un formulaire d'inscription à l'aide de WPForms.
2. Créer un formulaire d'inscription
Pour commencer, accédez à WPForms » Add New pour ouvrir l'interface du constructeur de formulaires visuels. Ensuite, choisissez un nom pour votre formulaire.
Ci-dessous, vous trouverez une bibliothèque de centaines de modèles de formulaires. Choisissez le User Registration Form dans la liste.
Cela générera rapidement un formulaire d'inscription avec tous les champs nécessaires déjà inclus dans le formulaire.
Comme tous les modèles WPForms sont personnalisables à 100%, vous pouvez ajouter plus de champs ou supprimer des champs non essentiels (comme une courte biographie) selon vos préférences. Consultez notre guide détaillé sur la création d'un formulaire d'inscription d'utilisateur pour avoir un aperçu de certaines possibilités de personnalisation.
Ensuite, configurons les paramètres du formulaire pour garantir une expérience d'inscription pratique et sécurisée pour vos utilisateurs.
3. Personnaliser les paramètres du formulaire d'inscription
WPForms vous offre une grande flexibilité quant à la manière dont vous souhaitez que vos utilisateurs créent un compte sur votre site et s'y connectent par la suite.
Pour accéder à ces paramètres, cliquez sur Paramètres » Inscription d'utilisateur.
Ici, vous verrez les options de Mappage des champs. Celles-ci vous permettront de sélectionner les valeurs des champs du formulaire qui doivent correspondre aux détails du compte WordPress de votre utilisateur.
Faites défiler la section Rôles utilisateur. Ici, vous pouvez choisir le rôle utilisateur WordPress et le niveau d'accès qu'un individu doit se voir attribuer lorsqu'il s'inscrit en utilisant ce formulaire.
S'il s'agit d'un formulaire d'inscription pour vos abonnés, sélectionnez Abonné dans le menu déroulant.
Le paramètre suivant, juste en dessous de Rôles utilisateur, est Activation et connexion de l'utilisateur. C'est une option très utile qui vous offre une grande flexibilité quant à la manière dont vous souhaitez gérer l'activation du compte pour les nouveaux utilisateurs.
Il est désactivé par défaut, ce qui signifie qu'un nouveau compte sera immédiatement créé lorsqu'un utilisateur soumettra le formulaire d'inscription.
Cependant, nous recommandons d'activer l'activation de l'utilisateur car elle rend le processus d'inscription plus sécurisé en éliminant les inscriptions de spam.
Pour l'activer, activez le bouton bascule à côté de Activer l'activation de l'utilisateur.
Cela révélera un nouveau menu déroulant où vous pourrez sélectionner la méthode d'activation. Avec Approbation manuelle, vous devrez approuver manuellement chaque nouveau compte utilisateur pour l'activer.
D'autre part, la méthode E-mail utilisateur envoie un message avec un lien d'activation à l'adresse e-mail fournie par l'utilisateur.
Si vous sélectionnez E-mail utilisateur, vous verrez plus d'options pour personnaliser le message e-mail qui sera envoyé à l'utilisateur pour l'activation du compte.
Vous pouvez modifier n'importe quoi dans cet e-mail, mais assurez-vous que la balise {url_user_activation} est incluse. L'utilisateur aura besoin de ce lien pour activer son compte.
Ensuite, sélectionnez la page de confirmation vers laquelle les utilisateurs doivent être redirigés lorsqu'ils cliquent sur l'URL d'activation du compte. Vous pouvez utiliser le menu déroulant pour sélectionner une page appropriée sur votre site.
Vous voudrez peut-être également permettre à vos utilisateurs de se connecter automatiquement dès que leur compte est créé. Pour activer ce paramètre, cliquez sur le bouton bascule Activer la connexion automatique.
Vous pouvez également contrôler les notifications par e-mail que vous souhaitez recevoir et également envoyer à l'utilisateur après qu'il ait rempli le formulaire.
Trouvez la section Notifications par e-mail près du bas des paramètres d'inscription de l'utilisateur et utilisez les boutons basculants pour choisir différents types de notifications par e-mail. Vous pouvez également cliquer sur le lien Modifier le modèle à côté de chaque type d'e-mail pour modifier le contenu du message.
Lorsque vous avez terminé, cliquez sur Enregistrer dans le coin supérieur droit pour sauvegarder vos paramètres et personnalisations.
Dans l'étape suivante, nous allons rapidement créer un formulaire de connexion pour correspondre.
4. Créer un formulaire de connexion
Maintenant que le formulaire d'inscription est prêt, nous avons également besoin d'un formulaire de connexion pour les utilisateurs enregistrés. Cette fois, nous choisirons le modèle Formulaire de connexion utilisateur dans l'écran Sélectionner un modèle de WPForm.
Ceci est un formulaire très simple composé uniquement d'un champ nom d'utilisateur et d'un champ mot de passe. Il dispose également d'une option Se souvenir de moi qui accélère les futures connexions pour les utilisateurs en enregistrant en toute sécurité leur nom d'utilisateur et leur mot de passe.
Pour afficher les paramètres du formulaire de connexion, cliquez sur Paramètres » Inscription utilisateur.
Ici, vous pouvez choisir si vous souhaitez masquer le formulaire aux utilisateurs connectés et afficher un message à la place. Vous pouvez activer ce paramètre en utilisant le bouton basculant à côté de Masquer le formulaire si l'utilisateur est connecté.
N'oubliez pas d'Enregistrer le formulaire une fois qu'il est personnalisé à votre goût.
5. Intégrer les formulaires d'inscription et de connexion
Nous sommes maintenant prêts à intégrer et publier nos formulaires. Comme tout le reste, WPForms rend cela aussi très facile.
Cliquez sur le bouton Intégrer dans le coin supérieur droit de l'interface du constructeur de formulaires.
Ensuite, cliquez sur Créer une nouvelle page car nous allons intégrer nos formulaires dans de nouvelles pages d'inscription et de connexion avec des redirections pour contourner la page de connexion par défaut de WordPress.
Entrez un nom pour votre nouvelle page, puis appuyez sur C'est parti.
Vous verrez maintenant votre formulaire intégré automatiquement dans le contenu de votre page. Cliquez sur Publier pour continuer.
Félicitations ! Vous avez créé et publié avec succès votre formulaire d'inscription.
Notez que le formulaire reflète le thème de notre site WordPress (Twenty Twenty-One) et comprend des champs personnalisés, contrairement à la page d'inscription par défaut de WordPress avec des champs fixes et un design générique.
Répétez les mêmes étapes que ci-dessus pour intégrer et publier également votre formulaire de connexion.
Ensuite, nous vous montrerons comment rediriger les utilisateurs après leur inscription ou leur connexion – sans écrire ni coller de code.
6. Rediriger les utilisateurs après l'inscription ou la connexion
WPForms vous permet de contrôler la redirection après l'inscription ou la connexion dans WordPress. Cela signifie que vous pouvez décider de la page vers laquelle ils seront dirigés après avoir soumis le formulaire d'inscription ou de connexion.
Pour configurer cela, nous allons modifier le formulaire d'inscription que vous avez déjà créé.
Ensuite, accédez aux paramètres de Confirmations pour votre formulaire d'inscription utilisateur.
Par défaut, WPForms affichera un message de confirmation après l'inscription. Si vous le souhaitez, vous pouvez le changer en Afficher la page afin que vos nouveaux utilisateurs soient automatiquement redirigés vers une autre page de votre site Web.
Et voilà ! Désormais, chaque fois que quelqu'un s'inscrit sur votre site, il verra votre page personnalisée au lieu du message de confirmation.
Vous pouvez utiliser exactement la même astuce de redirection pour rediriger les utilisateurs vers n'importe quelle page après leur connexion à votre site.
Pour un dernier conseil, nous allons vous montrer comment rediriger les utilisateurs vers vos nouvelles pages d'inscription et de connexion personnalisées.
7. Rediriger les utilisateurs vers la page d'inscription et de connexion personnalisée
Après avoir créé des pages d'inscription et de connexion personnalisées sur votre site, les utilisateurs peuvent toujours accéder aux pages d'inscription et de connexion par défaut en utilisant des URL directes, ce que vous pourriez ne pas souhaiter.
- Pour la page d'inscription, l'URL est :
http://example/wp-login?action=register - Et l'URL de la page de connexion est :
http://example.com/wp-login.php/
Nous allons vous montrer comment ajouter des redirections de ces URL vers les nouvelles.
Pour activer cette redirection, il vous suffit d'ajouter l'extrait de code suivant à votre fichier functions.php. Ce code redirige vos utilisateurs vers la page d'inscription personnalisée avec son slug d'URL lorsqu'ils essaient d'accéder à la page d'inscription par défaut.
Si vous n'êtes pas sûr de la façon d'ajouter le code, consultez ce guide sur comment coller des extraits de code dans votre fichier functions.php pour éviter toute erreur WordPress.
Redirection de la page d'inscription
Note : Remplacez /registration-url dans le code ci-dessous par la nouvelle URL de votre page d'inscription personnalisée.
// Redirect Registration Page
function my_registration_page_redirect()
{
global $pagenow;
if ( ( strtolower($pagenow) == 'wp-login.php') && ( strtolower( $_GET['action']) == 'register' ) ) {
wp_redirect( home_url('/registration-url'));
}
}
add_filter( 'init', 'my_registration_page_redirect' );
Crédits du code : 2bearstudio
Redirection de la page de connexion
Note : Remplacez /login-url dans le code ci-dessous par la nouvelle URL de votre page de connexion personnalisée.
function my_redirect_login_page() {
$login_page = home_url( '/login-url' );
$page_viewed = basename($_SERVER['REQUEST_URI']);
if( $page_viewed == "wp-login.php" && $_SERVER['REQUEST_METHOD'] == 'GET') {
wp_redirect($login_page);
exit;
}
}
add_action('init','my_redirect_login_page');
Crédits du code : PressTigers
Et voilà ! Vos visiteurs seront désormais redirigés vers vos pages de connexion et d'inscription personnalisées sur WordPress.
Ensuite, explorez les intégrations HubSpot CRM
L'intégration de HubSpot avec d'autres outils et applications est un moyen extrêmement puissant d'améliorer l'efficacité de vos flux de travail. Consultez notre article sur les meilleures intégrations HubSpot CRM pour découvrir d'excellentes options.
Vous voudrez peut-être aussi consulter notre tutoriel sur comment créer un thème WordPress personnalisé.
Créez des formulaires de connexion et d'inscription maintenant
Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de création de formulaires WordPress le plus simple. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.
Si cet article vous a aidé, veuillez nous suivre sur Facebook et Twitter pour plus de tutoriels et de guides WordPress gratuits.
La redirection de /wp-login?action=register fonctionne très bien avec ce code, mais comment faire la même chose pour les pages /login et /wp-login.php ?
J'ai essayé de le faire avec ce code, mais je n'ai vraiment aucune idée de ce que je fais. Je devine essentiellement.
// Redirection de la page de connexion
function my_login_page_redirect()
{
global $pagenow;
if ( ( strtolower($pagenow) == ‘wp-login.php’) && ( strtolower( $_GET[‘action’]) == ‘login’ ) ) { wp_redirect( home_url(‘/my-account’)); } }
add_filter( ‘init’, ‘my_login_page_redirect’ );
Salut John,
Excellente question. Nous avons en fait partagé le code dont vous auriez besoin pour cela dans notre tutoriel sur la page de connexion personnalisée (veuillez voir le point n°2 de cet article).
J'espère que cela vous aide ! 🙂
Bonjour,
Est-il possible de rediriger l'utilisateur vers un emplacement spécifique en fonction du bouton sur lequel il vient de cliquer pour s'inscrire/se connecter ?
Cela signifie que chaque bouton différent serait lié à un formulaire d'inscription/connexion différent, chacun redirigeant vers une adresse spécifique.
Serait-ce possible ?
Merci d'avance
Bonjour Sowx,
Je crains de ne pas être sûr à 100 % de votre question, mais oui, vous pouvez lier des boutons sur votre site Web à différents formulaires, puis une fois ces formulaires soumis, les faire rediriger l'utilisateur vers une URL différente. Si vous avez besoin de plus d'informations sur la redirection d'un utilisateur lors de la soumission d'un formulaire, veuillez consulter notre guide !
J'espère que cela vous aide !
Bonjour, la connexion automatique et la redirection fonctionnent très bien, mais pour une raison quelconque, je ne reçois pas les e-mails de notification. (les utilisateurs ne sont pas disponibles dans la section des entrées non plus)
et lorsque je désactive la connexion automatique, cela refonctionne.
Bonjour Kami,
Je suis désolé d'apprendre que vous rencontrez des problèmes avec la délivrabilité des notifications par e-mail. Je vous recommande de consulter notre article qui vous montre comment résoudre ce problème en utilisant le plugin WP Mail SMTP.
J'espère que cela vous aide ! 🙂
Bonjour, merci pour votre réponse, les notifications par e-mail fonctionnent bien maintenant, mais l'autre problème persiste, le formulaire n'enregistre toujours pas les entrées pour les utilisateurs, je l'ai testé plusieurs fois, la connexion automatique et la redirection fonctionnent très bien, ainsi que les notifications par e-mail, mais pour une raison quelconque, il n'enregistre pas les entrées des utilisateurs dans le formulaire, veuillez suggérer quoi faire. Merci.
Bonjour Kami,
Si vous avez une licence WPForms payante, veuillez contacter notre équipe de support afin qu'elle puisse examiner le problème plus en détail.
Merci ! :)
Salut ! Je reçois une erreur lorsque j'essaie d'ajouter ce code copié au plugin « snippets » détaillé dans « comment coller des extraits de code dans votre fichier functions.php ».
Code :
// Redirection page d'inscription
function my_registration_page_redirect()
{
global $pagenow;
if ( ( strtolower($pagenow) == ‘wp-login.php’) & ( strtolower( $_GET[‘action’]) == ‘register’ ) ) {
wp_redirect( home_url(‘https://date.intro-social.com/new-user/’));
}
}
add_filter( ‘init’, ‘my_registration_page_redirect’ );
Message d'erreur :
Ne paniquez pas
L'extrait de code que vous essayez d'enregistrer a produit une erreur fatale à la ligne 6 :
erreur de syntaxe, ';' inattendu
La version précédente de l'extrait est inchangée, et le reste de ce site devrait fonctionner normalement comme avant.
Veuillez utiliser le bouton retour de votre navigateur pour revenir à la page précédente et essayer de corriger l'erreur de code. Si vous préférez, vous pouvez fermer cette page et ignorer les modifications que vous venez d'apporter. Aucune modification ne sera apportée à ce site.
J'ai trouvé une solution de contournement. En utilisant un gestionnaire de redirection global, j'ai pu rediriger la connexion de WordPress vers mon wpform.
Salut Tyler – Merci de nous avoir informés ! Je suis content de savoir que vous avez pu résoudre le problème, n'hésitez pas à nous contacter pour toute autre question !
Salut Tyler, nous avons eu un petit problème sur le site pendant une courte période, qui a inséré des caractères spéciaux dans le code. Je suppose que vous avez testé le code pendant ce temps.
Le formatage du code est maintenant corrigé, pourriez-vous s'il vous plaît réessayer ce code et cela devrait fonctionner correctement.
Veuillez nous excuser pour le désagrément !
Je pense que vous devez ajouter « exit », par exemple.
if ( wp_redirect( home_url(‘/registration’) ) ) { exit; }
Sinon, un site multisite affichera toujours la page wp-signup.php.
Salut George !
Merci pour votre retour à ce sujet. Je l'ai signalé à notre équipe et nous examinerons votre suggestion.
Nous apprécions que vous preniez le temps de nous contacter avec ceci 🙂
après la connexion de l'utilisateur, la PAGE D'ACCUEIL (la page principale) n'est pas accessible ; en d'autres termes, elle redirige vers une page de profil de manière persistante
toutes les autres sous-pages (comme contact) sont accessibles, seule la PAGE D'ACCUEIL ne l'est pas, comme je l'ai dit après la connexion
Salut Gabor,
Désolé pour les problèmes que vous rencontrez ici ! Si vous avez une licence payante, veuillez contacter notre équipe de support et nous serons heureux de vous aider.
Merci,