Configuration

Vous pouvez configurer Zencaptcha pour qu'il définisse des attributs facultatifs personnalisés sur le widget Zencaptcha.

Exemples d'attributs facultatifs
<div class="zenc-captcha"  data-sitekey="<sitekey>" data-callback="<function name>" data-start="<auto|focus>" data-lang="<lang>"></div>

Attribut	Valeur	Description
data-sitekey	`<sitekey>`	Votre clé publique de site (sitekey).
data-callback	`<nom de fonction>`	`Optionnel`. Appelé lorsque le défi est résolu avec succès. La solution (jeton) sera transmise à votre callback.
data-lang	`<Code de langue à deux lettres>`	`Optionnel`. Le widget sélectionnera automatiquement la meilleure langue pour l'utilisateur (plus de 30 langues). Toutefois, vous pouvez passer outre et régler le widget sur une seule langue fixe. La liste complète des codes de langue à deux lettres se trouve ci-dessous.
data-start	`auto/focus`	`Optionnel`. `auto`: Cela permettra de commencer à résoudre le CAPTCHA immédiatement après le chargement de la page. `focus`: La résolution du CAPTCHA commencera immédiatement lorsque l'utilisateur cliquera sur une entrée dans le champ `<form>`. La div `zenc-captcha` doit être à l'intérieur de ce `<form>` pour que `focus` fonctionne. Voir l'exemple ci-dessous.

Codes linguistiques à deux lettres

L'un de ces codes linguistiques à deux lettres peut être inséré dans l'attribut data-lang.

Code	Language
bg	Bulgare
ca	Catalan
cs	Tchèque
da	Danois
de	Allemand
el	Grec
en	Anglais
et	Estonien
es	Espagnol
fi	Finnois
fr	Français
hr	Croate
hu	Hongrois
it	Italien
ja	Japonais
lt	Lituanien
lv	Latvien
nl	Néerlandais
no	Norvégien
pl	Polonais
pt	Portugais
ro	Roumain
ru	Russe
sk	Slovaque
sl	Slovène
sr	Serbe
sv	Suédois
uk	Ukrainien
vi	Vietnamien
zh	Chinois

commencer par la saisie de l'utilisateur

Le code suivant résout immédiatement le captcha dès que l'utilisateur clique dans un champ de saisie à l'intérieur de <form> ou à l'intérieur de <div class="zenc-form">. zenc-captcha doit se trouver à l'intérieur. L'utilisateur n'a pas besoin de cliquer activement sur le widget Zencaptcha, ce qui offre une excellente expérience utilisateur.

data-start=focus -> dans <form>
<form>
  <label for="name">Nom:</label>
  <input type="text" id="nom" name="nom">
  <div class="zenc-captcha" data-start="focus" data-sitekey="<sitekey>"></div>
</form>

data-start=focus -> dans <div class='zenc-form'>
<div class="zenc-form">
  <label for="name">Nom:</label>
  <input type="text" id="nom" name="nom">
  <div class="zenc-captcha" data-start="focus" data-sitekey="<sitekey>"></div>
</div>

Configuration

Configuration du widget Zencaptcha​

Configuration du widget Zencaptcha