Documentation Dr Tech

Accueil 9 Applications 9 Klaviyo

1. Créer un compte et le connecter à Dr Tech

 

Cliquer sur le lien ci dessous pour créer un compte Klaviyo

https://klaviyo.com

Si vous avez déjà un compte et que vous souhaitez le connecter à votre boutique Dr Tech, cliquez sur « Set Up Wizard » dans le menu en haut à droite.

Suivez les étapes, jusqu’a arriver sur l’écran « Welcome to Klaviyo ». Sur cet écran, à la question « Which ecommerce platform do you use? » (quelle plateforme e-commerce utilisez-vous), choisissez WooCommerce :

Puis « continue ».

Sur l’écran suivant rensignez l’URL de votre site Dr Tech, puis votre consumer key (clé client) et votre consumer secret (clé secréte).

Qu’est ce que c’est ?! C’est ce qu’on appel une clé « API », ces clés permettent aux différents logiciels de dialoguer ensemble et d’échanger des informations.

Comment les trouver :

Rendez-vous sur le dashbaord de votre boutique Dr tech, puis aller dans Ma Boutique -> Réglages -> Avancé, puis cliquez sur API REST, puis « Ajouter une clé ».

Description : Klaviyo

Utilisateurs : vous (ne changez pas) 

Droits : Lecture.

Puis cliquez sur Générer une clé API.

Maitenant vous avez accès à votre clé client et votre clé secréte. Copiez-collez les dans Klaviyo, puis cliquez sur « Connect Woocommerce Account » sur klaviyo.

Et voilà, bravo ! Répondez aux derniers questions pour finir la configuration de votre compte.

Ensuite retournez sur votre boutique Dr Tech, et accéder aux réglages de Klaviyo via Klaviyo -> Setting dans le menu de gauche.

Ici copier votre API key / Site ID (dans mon cas : Vm5mhQ) dans le champs correspondant, vous trouverez cette valeur sur cette page : 

https://www.klaviyo.com/account#api-keys-tab

Add a subscribe to newsletter checkbox on the checkout page : ajoutera une case à cocher « s’inscrire à la newsletter » sur votre page Checkout. Entrer ici l’ID de la liste à laquelle vous souhaitez ajouter les clients qui cocheront cette case en achetant vos produits. Laissez vide pour ne pas utiliser.

Subscribe to newsletter text »: Définis le texte qui apparait à coté de la checkbox précédente.

Disable Configuration Warning : laissez cette case décocher, elle permettra de vous mettre une alerte dans votre dashboard en cas de soucis.

Enable Klaviyo signup forms : laissez décocher également.

2. Ajouter un formulaire d’inscription à votre newsletter sur votre site

Munissez vous des lignes de codes que Klaviyo vous demande d’insérer sur votre site pour ajouter votre formulaire d’inscription.

Gardez cette page ouverte, puis allez sur votre site Dr tech. Là, ouvrez le visual builder de la page ou vous voulez ajouter ce formulaire (fonctionne également avec votre footer). Ensuite, ajouter le module « Code ».

Collez ici les lignes de code fournis par Klaviyo, puis enregistrez.

Assurez-vous que votre formulaire est bien « Live » sur Klaviyo, pour qu’il soit publié, et voilà vous pouvez aller sur votre site pour le voir 🙂 

3. Récupérer les paniers abandonnés via Klaviyo

 

Si vous avez suivi les étapes ci-dessous, vous n’avez rien à faire. Vos visiteurs qui entreront leur email sur votre page checkout mais qui ne paieront pas seront automatiquement récupéré par Klaviyo.

Vous pouvez essayer en ouvrant une fenetre de navigation privé, ajouter un produit à votre panier, aller sur votre page checkout, entrer une adresse email et quiter la page.

Allez ensuite sur votre dasboard Klavyio, puis dans Activity Feed, vous devriez voir l’adresse email que vous venez d’entrer. Si oui, tout est ok ! 

Important si vous utilisez Cartflows

Pour pouvoir récupérer les paniers abandonnés sur une page de paiement en 1 étape avec Cartflows, vous devez ajouter le script suivant. 

Allez dans votre flow, puis cliquez sur « edit step » sur votre page checkout, descendez sur la page vers « Checkout Layout » puis dans la partie script ajoutez (en complétement avec votre ID): 

<script async src=’// static.klaviyo.com/onsite/js/klaviyo.js?company_id=VOTRE ID’></script>