Passer au contenu principal

Comment créer une pop up Klaviyo en 2 étapes liée à une automatisation de bienvenue ?

Déclenchez automatiquement un flow WAX de bienvenue dès qu'un visiteur laisse son numéro dans votre pop-up Klaviyo.

Ce guide relie votre pop-up Klaviyo à un flow WAX. Dès qu'un visiteur laisse son numéro de téléphone, Klaviyo appelle WAX par webhook. WAX enregistre alors son opt-in et lui envoie immédiatement un message de bienvenue sur WhatsApp (ou RCS/SMS).

Avant de commencer : ce qu'il faut savoir

  • Intégration Klaviyo active : l'intégration doit être activée dans WAX (Settings > Intégrations > Klaviyo). Voir Comment connecter Klaviyo ?

  • Le principe : l'étape téléphone de votre pop-up ajoute le contact à une liste Klaviyo dédiée. Un flow Klaviyo déclenché par Added to List sur cette liste appelle WAX via un webhook, et ce webhook démarre votre flow WAX.

  • Deux flows à créer : un flow côté WAX (le message de bienvenue) et un flow côté Klaviyo (le déclencheur et le webhook). Les deux doivent être activés.

  • Opt-in : le contact a donné son consentement dans le pop-up, avant d'entrer dans le flow. C'est le bloc Opt-in placé en début de flow WAX qui enregistre ce consentement dans WAX.

Étape 1️⃣ : Créez votre pop-up ou ajoutez-y le numéro de téléphone

Deux cas de figure : vous n'avez pas encore de pop-up, ou vous en avez déjà un et voulez y ajouter la collecte du numéro. Dans les deux cas, l'étape téléphone doit alimenter une liste Klaviyo dédiée (ex. WAX WhatsApp Opt-in).

Créer un nouveau pop-up

  1. Dans Klaviyo, allez dans Sign Up Forms, puis cliquez sur Create Form.

  2. Choisissez un modèle qui collecte l'email et le numéro de téléphone (SMS), puis cliquez dessus pour le personnaliser.

  3. Choisissez la ou les listes de destination, dont votre liste dédiée, puis cliquez sur Create Form.

  4. Personnalisez le design et le texte : l'email en première étape, le numéro de téléphone en seconde étape.

Ajouter le numéro à un pop-up existant

  1. Allez dans Sign Up Forms, trouvez le pop-up à modifier, puis cliquez sur Edit Form.

  2. Ajoutez une nouvelle step dédiée au numéro de téléphone, puis cliquez sur Next.

  3. Sélectionnez votre liste dédiée, puis ajoutez l'étape au formulaire.

  4. Personnalisez le design, le texte et le call-to-action de cette étape.

Le détail de ces deux cas est dans Comment créer un pop-up en deux étapes dans Klaviyo pour collecter des numéros de téléphone ?

Étape 2️⃣ : Créez le flow WAX avec le déclencheur Klaviyo

Commencez par WAX : c'est le déclencheur Klaviyo du flow WAX qui génère les informations du webhook à coller ensuite dans Klaviyo.

Créez le flow

  1. Dans WAX, allez dans Automations et cliquez sur Create.

  2. Partez du template Welcome Flow de la librairie, ou créez un flow from scratch.

Configurez le déclencheur Klaviyo

  1. Cliquez sur le nœud Trigger pour ouvrir son panneau de configuration.

  2. Dans la section Source, sélectionnez Klaviyo.

  3. WAX affiche trois informations à reporter dans Klaviyo : la Destination URL (ex. https://api.getwax.io/v1/hooks/...), le Header Authorization et le Bearer Token. Gardez cet onglet ouvert.

Enregistrez l'opt-in et rédigez le message de bienvenue

  1. Juste après le Start node, ajoutez un bloc Opt-In. Choisissez le canal : WhatsApp (met à jour whatsapp_opt_in_status) ou RCS/SMS (met à jour sms_optin_status). Pour plusieurs canaux, ajoutez un bloc par canal.

  2. Ajoutez ensuite votre message de bienvenue. Reprenez l'offre annoncée sur le pop-up (ex. « Bienvenue ! Voici votre code -10 % : WELCOME10 »).

  3. Pour personnaliser le message, insérez les variables transmises par Klaviyo (ex. first_name, si le prénom est collecté).

💡 Pour savoir où placer le bloc Opt-In, voir Comment ajouter un bloc Opt-in dans un flow ? Le template Welcome Flow est détaillé dans Comment accueillir un nouveau visiteur et le convertir en premier achat sur WhatsApp et RCS/SMS ?

Étape 3️⃣ : Créez le flow Klaviyo déclenché par le pop-up

  1. Dans Klaviyo, allez dans Flows et créez un nouveau flow.

  2. Donnez-lui un nom clair, par exemple « Pop-up → WAX Welcome ».

Configurez le déclencheur Added to List

  1. Choisissez le déclencheur Added to List : le flow démarre dès qu'un contact est ajouté à la liste choisie.

  2. Sélectionnez la liste dédiée reliée à l'étape téléphone de votre pop-up. Si vous ne savez plus laquelle, vérifiez dans les paramètres du pop-up.

  3. Cliquez sur Save.

⚠️ Choisissez précisément la liste alimentée par l'étape téléphone, pas une liste newsletter ou clients. Sinon, WAX enverrait un message à des contacts qui n'ont jamais consenti à être contactés sur WhatsApp ou RCS/SMS.

Étape 4️⃣ : Ajoutez le webhook WAX dans le flow Klaviyo

  1. Dans le flow Klaviyo, faites glisser une action Webhook juste après le déclencheur.

  2. Collez la Destination URL copiée depuis WAX.

  3. Ajoutez le header : clé Authorization, valeur : le Bearer Token copié depuis WAX.

  4. Dans le JSON body, envoyez les données de profil du contact sous la clé "attributes" :

{
  "attributes": {
    "phone_number": "{{ person.phone_number|default:'' }}",
    "first_name": "{{ person.first_name|default:'' }}",
    "email": "{{ person.email|default:'' }}"
  }
}

⚠️ Copiez-collez l'URL et le token depuis WAX, sans les retaper : ils doivent être strictement identiques. Si le webhook échoue, il manque souvent une virgule ou une accolade dans le JSON.

Le détail de la configuration (onglets Profile et Event, syntaxe des variables) est dans Comment créer un webhook entre WAX et Klaviyo.

Étape 5️⃣ : Activez et testez

  1. Activez le flow côté WAX, puis le flow et son webhook côté Klaviyo. Les deux sont nécessaires pour que les données circulent.

  2. Complétez le pop-up sur votre site avec un profil test qui n'est pas encore dans la liste (votre propre email et numéro).

  3. Vérifiez que vous recevez le message de bienvenue et que les variables (prénom, code…) sont bien remplies.

  4. Dans WAX, ouvrez la fiche du contact et vérifiez que son statut opt-in est bien à jour.

💡 Pour tester sans passer par le pop-up, envoyez un test depuis le webhook Klaviyo : voir Comment envoyer un test d'un webhook Klaviyo ? Un test manuel lancé depuis WAX seul n'affichera pas les valeurs envoyées par Klaviyo.

Tips & Conseils

  • Testez sur votre seul numéro : tant que tout n'est pas validé, ajoutez au flow Klaviyo une condition qui n'envoie le webhook que si le phone_number est le vôtre, ou si l'email se termine par le domaine de votre entreprise.

  • Opt-ins collectés avant la mise en place : Added to List ne se déclenche que pour les nouveaux ajouts. Pour les contacts déjà présents dans la liste, voir Comment connecter Klaviyo à WAX ?

  • Même logique au checkout : un numéro collecté au checkout peut alimenter une liste dédiée et déclencher WAX de la même façon. Voir Collecter des opt-in depuis votre flow de checkout.

  • Tenez la promesse du pop-up : le premier message doit contenir l'offre annoncée, sans délai.

Voir aussi

Avez-vous trouvé la réponse à votre question ?

Articles connexes