🔓Auth (classique)

Fonctionnement

Webflow/Wized

Configuration initiale

Assurez-vous que le composant "Feature / Auth (classic)" est présent sur la page Webflow.

Éléments de base du composant :

1. Bouton login avec l'attribut auth_start_login

2. Bouton signup avec l'attribut auth_start_signup

3. Modal avec l'attribut auth

Fonctionnement général

La variable Wized v.auth gère l'affichage/masquage de la modal et les différentes étapes d'authentification.

• Clic sur auth_start_login : v.auth = "login"

• Clic sur auth_start_signup : v.auth = "signup"

• v.auth vide : modal masquée

• v.auth non vide : modal affichée avec contenu adapté

Valeurs possibles de v.auth :

• signup : Écran d'inscription

• login : Écran de connexion

• password : Écran "Mot de passe oublié"

• reset_password : Écran de réinitialisation du mot de passe

Inputs et leur utilisation

Les mêmes inputs sont utilisés sur chaque écran, mais leur utilisation varie selon la valeur de v.auth.

1. Signup et Login :

   • auth_email : Champ email

   • auth_password : Champ mot de passe

2. Écran "password" :

   • auth_email : Pour récupérer l'email de réinitialisation

   • auth_password : Masqué

3. Écran "reset_password" :

   • auth_email : Pour le code de confirmation

   • auth_password : Pour le nouveau mot de passe

Personnalisation du contenu

Pour modifier le contenu des éléments (titres, messages, textes des boutons, etc.), veuillez vous référer à la table "content_strings". Consultez la page dédiée pour plus d'informations sur la gestion et la modification de ces chaînes de caractères.

Flux d'authentification

1. L'utilisateur clique sur "Login" ou "Signup"

2. La modal s'ouvre avec l'écran correspondant

3. L'utilisateur remplit les champs requis

4. En cas d'oubli de mot de passe, l'utilisateur peut naviguer vers l'écran "password"

5. Après avoir reçu le code de réinitialisation, l'utilisateur est dirigé vers l'écran "reset_password"

Points importants

• La variable v.auth contrôle tout le flux d'authentification

• Les inputs sont réutilisés mais leur fonction change selon l'écran

• Tout le contenu textuel peut être personnalisé via la table "content_strings"