Si vous rencontrez des problèmes de saisie automatique avec les formulaires Web d'un site que vous avez conçu ou que vous gérez, vous pouvez optimiser son code HTML afin qu'il fonctionne mieux avec Dashlane. En effet, il est possible d'étiqueter ses champs de formulaire pour indiquer à Dashlane où et quoi remplir automatiquement dans chacun d'entre eux.
Cet article se concentre sur les scénarios les plus courants, mais vous pouvez utiliser toutes les valeurs présentées sur cette page Github dédiée aux formulaires Web avec Dashlane.
Remarque : si vous utilisez l'application Dashlane pour macOS, vous pouvez saisir automatiquement les informations de connexion enregistrées uniquement, même après avoir optimisé le HTML. Cependant, vous pouvez passer à la nouvelle extension Safari pour accéder à notre fenêtre contextuelle d'extension et à notre vue du coffre-fort dans le navigateur, ainsi qu'aux meilleures capacités de saisie automatique que Dashlane a à offrir.
Premiers pas avec l'extension Dashlane pour Safari
Chaque attribut de type de données doit comporter au moins une valeur. Si vous utilisez plusieurs valeurs, celles-ci devront être séparées par une virgule, sans espace :
data-form-type="password,new"
Si vous ne voulez pas que Dashlane remplisse automatiquement un champ spécifique, utilisez la valeur "autre" pour empêcher Dashlane de remplir automatiquement le champ. Cependant, vous remarquerez toujours Dashlane dans le HTML du formulaire lorsque vous visualisez la page avec des outils de développeur ou similaires.
data-form-type=”other”
saisie automatique d'un identifiant, d'un nom d'utilisateur ou d'un mot de passe
Si Dashlane ne parvient pas à saisir automatiquement le nom d'utilisateur ou le mot de passe sur une page de connexion de votre site Web, ajoutez les attributs de type de données suivants à son code HTML :
Pour le formulaire de connexion en lui-même, utilisez :
data-form-type=”login”
Pour l'identifiant, utilisez :
data-form-type=”username”
Et pour le mot de passe, utilisez :
data-form-type=”password”
Exemple de formulaire de connexion type avec les attributs ci-dessus ajoutés en gras :
Si le champ réservé à l'identifiant permet aux utilisateurs de se connecter via une adresse e-mail ou un numéro de téléphone, ajoutez l'attribut “email,phone” dans le code HTML de la page Web.
Voici à quoi ressemblera le code HTML avec cet attribut supplémentaire (en gras) :
saisie automatique d'un nouveau mot de passe lors de sa mise à jour
Si Dashlane ne parvient pas à saisir automatiquement la nouvelle version d'un mot de passe sur la page de votre site Web servant à le mettre à jour, ajoutez les attributs de type de données suivants à son code HTML.
Pour le formulaire de modification du mot de passe, utilisez :
data-form-type=”change_password”
Pour l'ancien mot de passe, utilisez :
data-form-type=”password”
Pour le nouveau mot de passe, utilisez :
data-form-type=”password,new”
Pour un champ de confirmation du nouveau mot de passe, utilisez :
data-form-type=”password,confirmation”
Exemple de formulaire de mise à jour du mot de passe avec les attributs ci-dessus en gras :
saisie automatique d'informations de paiement
Si Dashlane ne parvient pas à saisir automatiquement des informations de paiement dans un formulaire prévu à cet effet sur votre site Web, ajoutez les attributs de type de données suivants à son code HTML :
Pour le formulaire de paiement en lui-même, utilisez :
data-form-type=”payment”
Pour le numéro de carte bancaire, utilisez :
data-form-type=”payment,credit_card”
Si celui-ci est réparti en plusieurs champs, utilisez cette valeur dans chacun d'entre eux :
“payment,credit_card,part
Pour la date d'expiration, utilisez :
data-form-type=”payment,credit_card,date”
Si celle-ci est répartie dans un champ pour le mois et un autre pour l'année, utilisez :
data-form-type="payment,credit_card,date,expiration,month"
et
data-form-type="payment,credit_card,date,expiration,year"
Pour le code de sécurité de la carte bancaire, utilisez :
data-form-type="payment,credit_card,cvv"
Exemple de formulaire de paiement avec les attributs ci-dessus ajoutés en gras :