Skip to main
← Sommaire

Installer Walityk via snippet (Webflow, Wix, Squarespace, autres)

Ajouter le tag Walityk en 1 snippet sur n'importe quel site (Webflow, Wix, Squarespace, Framer, sites custom).

Ce guide couvre l’installation de Walityk via snippet HTML. Compatible avec n’importe quel site qui permet d’éditer le <head> : Webflow, Wix, Squarespace, Framer, Carrd, Ghost, Hugo, Jekyll, ou un site fait main.

Compter 5 minutes.

1. Récupérer votre snippet

  1. Connectez-vous au dashboard Walityk.
  2. Sites → Nouveau site → Snippet générique.
  3. Donnez un nom à votre site et l’URL, cliquez Créer.
  4. Vous obtenez un snippet de ~10 lignes à coller. Il ressemble à :
<script>
  (function(w,d,k){w.walityk=w.walityk||function(){(w.walityk.q=w.walityk.q||[]).push(arguments)};
  var s=d.createElement('script');s.async=true;
  s.src='https://cdn.walityk.com/t.js?k='+k;
  d.head.appendChild(s);})(window,document,'wlk_live_xxxxxxxxxxxxx');
  walityk('init');
</script>

Le snippet est non-bloquant : il se charge en async après le rendu de la page. Aucun impact sur Core Web Vitals.

2. Coller le snippet dans le <head>

Webflow

  1. Project Settings → Custom code → Head code.
  2. Collez le snippet, cliquez Save.
  3. Publiez le site.

Wix

  1. Settings → Custom Code → Add Custom Code.
  2. Collez le snippet, sélectionnez Place Code in: Head, Apply to: All pages.
  3. Cliquez Apply.

Squarespace

  1. Settings → Advanced → Code Injection → Header.
  2. Collez le snippet, cliquez Save.

Framer

  1. Site Settings → General → Custom Code → Start of <head> tag.
  2. Collez, cliquez Save.

Site custom / Ghost / Hugo / Jekyll

Ajoutez le snippet dans votre layout principal, entre <head> et </head>.

3. Tracker des conversions (optionnel)

Pour signaler une conversion (signup, purchase, lead), appelez walityk('track', …) sur la page de remerciement :

<script>
  walityk('track', 'purchase', { value: 49.00, currency: 'EUR', transaction_id: 'ORD-1234' });
</script>

Pour un formulaire de lead :

<form onsubmit="walityk('track', 'lead', { source: 'contact-form' })">
  ...
</form>

4. Connecter ses destinations

Dans le dashboard Walityk → Destinations :

  • GA4 : Measurement ID + API secret
  • Meta CAPI : OAuth Facebook
  • Google Ads : OAuth Google

Les events arrivent automatiquement sur ces destinations sans toucher au snippet.

5. Vérifier

  1. Live debug dans le dashboard Walityk.
  2. Visitez votre site dans un autre onglet.
  3. page_view apparaît en temps réel.
  4. Vérifiez GA4 Realtime et Meta Test events.

Ça ne marche pas ?

  • Snippet non chargé : ouvrez DevTools → Network, filtrez walityk. Si rien, vérifiez que vous avez bien publié les changements (Webflow / Wix / Squarespace gardent un staging).
  • Bloqué par un CSP : ajoutez cdn.walityk.com à votre Content Security Policy (script-src et connect-src).
  • Adblock : Walityk n’est pas dans les listes EasyList par défaut, mais certains visiteurs avec uBlock Origin agressif peuvent bloquer le client. Le tracking server-side reste fonctionnel pour les events envoyés via votre backend.

Pour aller plus loin

  • Custom domain (Pro+) : servez le tag depuis t.votredomaine.com au lieu de cdn.walityk.com, ce qui évite quasi-complètement les bloqueurs.
  • Webhooks de conversion : déclenchez les events depuis votre backend pour les conversions critiques (Webhook Stripe, Zapier, etc.).

Besoin d’aide ? hi@walityk.com.