ZYKAY Partner Integration

Ajoutez un script

Collez ce code juste avant </body> sur n'importe quelle page que vous souhaitez protéger :

<script
  src="https://widget-app.zykay.com/loader/loader.v1.3.2.js"
  data-zykay-partner-id="partner_yoursite"
  data-zykay-mode="block"
  defer
></script>

<script
  src="https://widget-app.zykay.com/loader/loader.js"
  data-zykay-partner-id="partner_yoursite"
  data-zykay-mode="block"
  defer
></script>

<!-- SPA: place this in the base HTML template (e.g., _document, index.html).
     Avoid injecting dynamically to preserve loading order. -->
<script
  src="https://widget-app.zykay.com/loader/loader.js"
  data-zykay-partner-id="partner_yoursite"
  data-zykay-mode="block"
  defer
></script>

(Optionnel) Choisissez où afficher le widget

Si vous souhaitez que ZYKAY apparaisse dans un conteneur spécifique au lieu de bloquer toute la page, ajoutez un placeholder :

<div id="zykay-gate"></div>
<script
  src="https://widget-app.zykay.com/loader/loader.js"
  data-zykay-partner-id="partner_yoursite"
  data-zykay-mode="inline"
  data-zykay-target="#zykay-gate"
  defer
></script>

Ce que vos utilisateurs verront

Un panneau épuré avec deux boutons :

Une fois vérifié, le panneau disparaît et votre contenu est visible.

Comment ça marche (en clair)

• Nous ne vous demandons jamais de données utilisateur.
• Nous délivrons un grant de courte durée à votre site lorsque l'utilisateur prouve soit qu'il a déjà vérifié son wallet avec ZYKAY, soit qu'il complète une vérification PDF rapide maintenant.
• Toute la crypto et les preuves ZK sont gérées par nous. Vous incluez simplement le script.

Événements minimaux (optionnel)

Vous n'en avez pas besoin, mais si vous voulez des hooks analytics :

<script>
  window.addEventListener('zykay:ready',    () => console.log('ZYKAY ready'));
  window.addEventListener('zykay:unlocked', () => console.log('Content unlocked'));
  window.addEventListener('zykay:failed',   (e) => console.log('ZYKAY failed', e.detail));
</script>

<script>
  window.addEventListener('zykay:unlocked', () => {
    document.documentElement.classList.add('zykay-ok');
  });
</script>
<style>.needs-zykay:not(.zykay-ok) { display:none }</style>

Style de base (optionnel)

Nous fournissons un design épuré par défaut. Pour ajuster les largeurs en mode inline :

<style>
  #zykay-gate { max-width: 520px; margin: 2rem auto; }
</style>

Dépannage (super court)

Confidentialité & sécurité