Si votre plateforme de commerce électronique n'a pas d'intégration native avec Omnisend, vous pouvez la connecter en utilisant notre API. Cela vous donne accès aux mêmes fonctionnalités que les intégrations natives – automatisation des paniers abandonnés, segmentation des clients, suivi des commandes, et plus encore.

La configuration implique deux étapes : ajouter un extrait de suivi (intégration frontend) et synchroniser vos données via l'API (intégration backend).

Vous utilisez déjà une intégration native ?
We have built-in integrations for , , and . Utilisez ces guides à la place pour une configuration plus rapide.

Avant de commencer

Pour qui est ce guide

Utilisez ce guide si votre boutique est construite sur :

Sites web ou plateformes personnalisés non répertoriés dans nos intégrations natives.
Plateformes avec un support natif limité : Etsy, Squarespace, Hostinger Website Builder, thèmes WordPress personnalisés.
Configurations de commerce sans tête : Shopify Hydrogen, frontaux React/Vue personnalisés, plateformes orientées API.

Si vous êtes sur Shopify, WooCommerce, BigCommerce, ou Wix, utilisez nos guides d'intégration natifs pour une configuration plus facile.

Avez-vous besoin d'un développeur ?

Intégration frontend (ajout du snippet) peut être faite par quiconque à l'aise avec :

Accéder aux fichiers HTML ou au modèle de votre site web.
Ajouter des extraits de code dans le pied de page de votre site (comme Google Analytics).
Utilisation de Google Tag Manager (méthode optionnelle).

Intégration backend (synchronisation des données via l'API) nécessite un développeur avec :

Connaissance de l'API REST.
Accès à la base de données des clients et des commandes de votre magasin.
Capacité à mettre en œuvre des webhooks ou des synchronisations de données programmées.

Ce que vous pouvez faire sans développeur :

Formulaires d'inscription (tous types : pop-up, roue, Landing Page)
Campagnes par Email et SMS
Bienvenue à l'automatisation
Parcourir & Abandon de Produit (nécessite la configuration de l'événement produit vu)
Suivi des visiteurs en direct

Ce qui nécessite un développeur :

Automatisation du Panier abandonné & Paiement.
Confirmation de commande, Confirmation d'expédition, Annulation de commande.
Segmentation avancée (par exemple, "Clients qui ont acheté X mais pas Y").
product picker dans les emails.
Rapport sur les revenus dans l'analyse des campagnes.

Si vous n'êtes pas sûr, commencez par l'intégration frontend. Vous pouvez ajouter l'intégration backend plus tard.

Limitations spécifiques à la plateforme

⚠️ Certaines plateformes ont des restrictions d'accès au code ou aux données :

Etsy : N'autorise pas le code personnalisé sur les pages de boutique. Vous aurez besoin d'une landing page ou d'un site web externe pour ajouter le snippet Omnisend et utiliser les formulaires d'inscription. L'intégration backend nécessite un travail de développeur ou des outils comme Zapier.
Squarespace : Personnalisation du code limitée. Utilisez Zapier ou Make pour synchroniser les soumissions de formulaires, ou contactez votre développeur pour une intégration API complète.
Constructeur de site Web Hostinger, Wix (domaines personnalisés) : Un extrait frontend peut être ajouté, mais l'intégration backend nécessite un développeur.
Boutiques sans tête (Shopify Hydrogen, frameworks personnalisés) : Votre équipe de développement contrôle le suivi des événements et la synchronisation des données via l'API.

Si votre plateforme a des limitations, contactez votre développeur avant de commencer la configuration.

Ce que chaque intégration débloque

Niveau d'intégration	Ce que vous obtenez	Ce que vous ne pouvez toujours pas faire	Développeur nécessaire ?
Frontend uniquement	Formulaires d'inscription, automatisation de bienvenue, navigation et abandon de produit, Live view, campagnes Email	Panier abandonné, automatisations de commande, segmentation basée sur les achats, reporting des revenus	Non
Frontend + Backend	Toutes les automatisations (panier, commande, réactivation), segmentation avancée, product picker, attribution des ventes	N/A	Oui

Intégration frontend

L'intégration frontend ajoute le snippet de suivi Omnisend à vos pages de site web. Cela débloque les formulaires d'inscription, l'abandon de navigation, le suivi des visiteurs et les campagnes Email.

Étape 1 : Connectez votre boutique

Créer un compte Omnisend et connectez-vous.
Dans votre Tableau de bord Omnisend, cliquez sur Connecter la boutique.
Choisissez Autre dans la liste des plateformes de boutique.

Étape 2 : Entrez l'URL de votre boutique

Entrez l'URL de votre boutique et cliquez sur Connecter la boutique.

Étape 3 : Ajoutez l'extrait de suivi

Vous verrez un extrait JavaScript sur la page suivante. Collez ce code dans le fichier de pied de page HTML de votre site, juste avant la balise de fermeture sur chaque page – tout comme Google Analytics.

Où ajouter l'extrait :

La méthode la plus simple consiste à ajouter l'extrait dans le fichier de pied de page de votre site (généralement footer.html, footer.php ou theme.liquid selon votre plateforme). Ce fichier se rend sur toutes les pages.

⚠️ Si vous n'êtes pas sûr de l'endroit où l'ajouter, contactez votre développeur de site web.

Utilisation de Google Tag Manager

Si vous utilisez Google Tag Manager :

Connectez-vous à votre compte Google Tag Manager et sélectionnez votre espace de travail.
Cliquez sur Tags → Nouveau.
Cliquez sur Configuration du Tag → HTML personnalisé.
Copiez le extrait d'Omnisend et collez-le dans le champ HTML. Placez-le à l'intérieur des balises .
Définissez le déclencheur pour s'activer sur Toutes les pages.
Enregistrez et publiez.

Consultez ce guide Google pour plus de détails sur la configuration de GTM.

Étape 4 : Vérifiez votre connexion

Une fois que vous avez ajouté l'extrait, cliquez sur Vérifier & Connecter dans Omnisend. Si la vérification réussit, vous avez terminé avec l'intégration frontend. Vous pouvez maintenant utiliser les formulaires d'inscription, l'abandon de navigation et les campagnes Email.

⚠️ Important : Vérification de Google Tag Manager

Si vous avez ajouté le code via GTM, la vérification peut échouer même lorsque le code fonctionne correctement. Cela se produit parce que notre vérification vérifie le placement direct de HTML.

Comment vérifier si cela fonctionne :

Ouvrez votre site web
Appuyez sur F12 pour ouvrir la console du navigateur
Tapez window.omnisend et appuyez sur Entrée
Si vous voyez un tableau, l'extrait fonctionne correctement

Prochaines étapes :
Contact support via in-app chat with your store URL. Nous vérifierons votre connexion manuellement.

Dépannage : Vérification échouée

Si la vérification échoue :

Attendez 5 à 10 minutes après avoir ajouté l'extrait (les modifications peuvent prendre du temps à se propager).
Videz le cache de votre navigateur et actualisez votre site web.
Vérifiez le placement de l'extrait : Faites un clic droit sur votre site web → Afficher le code source de la page. Recherchez omnisend.push. Il devrait apparaître avant sur chaque page.
Recopiez l'extrait depuis Omnisend et collez-le à nouveau pour vous assurer qu'aucun caractère ne manque.
Vérifiez votre ID de marque : Assurez-vous que l'ID de marque dans le snippet correspond à celui de votre compte Omnisend (survolez l'icône de la boutique à gauche → Votre ID de marque).

Si vous utilisez Google Tag Manager, consultez l'avertissement ci-dessus – contactez le support pour une vérification manuelle.

Ce qu'il faut tester ensuite

Une fois vérifié, testez ces fonctionnalités immédiatement :

Créer un formulaire d'inscription (Campagnes → Formulaires) et testez-le sur votre site.
Vérifiez la Live view (Boutique → Live view) pour voir si les visites de page sont suivies.
Configurer une automatisation de bienvenue (Automatisation → Pré-construite) – cela fonctionne uniquement avec l'intégration frontend.

Remarque : Le suivi des événements (événements de panier, vues de produit) ne fonctionne qu'après qu'un contact soit identifié via le formulaire d'inscription ou l'API. Les visiteurs anonymes ne déclencheront pas d'événements tant qu'ils n'auront pas soumis leur email.

Intégration backend

L'intégration backend synchronise vos données de client (e), de commande et de produit avec Omnisend via API. Cela débloque l'automatisation des paniers abandonnés, les confirmations de commande, la segmentation avancée et le reporting des revenus.

L'intégration backend nécessite des connaissances en développement. Partagez ces ressources avec votre équipe de développement :

Ce que l'intégration backend débloque

Une fois l'intégration backend terminée, vous aurez accès à :

Automatisation du Panier abandonné et du Paiement abandonné.
Automatisations liées à la commande : Confirmation de commande, Annulation de commande, Confirmation d'expédition, Suivi de commande, Retour d'expérience client, Réactivation du client (e).
Flux de travail d'automatisation personnalisés basés sur le comportement d'achat (par exemple, "Acheté X mais pas Y").
Segmentation avancée avec des données de commande et de produit.
product picker dans les campagnes Email.
Rapport sur les revenus dans l'analyse des campagnes et de l'automatisation.

Une fois que votre développeur a envoyé les données requises via l'API, toutes les fonctionnalités activées commenceront à fonctionner immédiatement. Remarque : Certaines fonctionnalités (comme Live view) nécessitent toujours le snippet frontend.

Dépannage

J'ai ajouté l'extrait, mais la vérification a échoué

Voir la section "Dépannage : Vérification échouée" ci-dessus pour des étapes détaillées.

Si vous utilisez Google Tag Manager, la vérification peut échouer même si la configuration est correcte – consultez l'avertissement GTM à l'étape 4 et contactez le support pour une vérification manuelle.

Je reçois des erreurs 400 lors du suivi des événements

Les événements nécessitent un contact identifié pour fonctionner. Une erreur 400 signifie généralement que le contact n'a pas encore été identifié.

Comment les contacts sont identifiés :

Ils soumettent un formulaire d'inscription avec leur Email
Vous les identifiez via l'API en utilisant la méthode setContact

Pour corriger :

Assurez-vous que votre code de suivi des événements s'exécute après l'identification du contact.
Testez en soumettant d'abord un formulaire d'inscription, puis en déclenchant l'événement
Vérifiez les Paramètres de la Boutique → API → Journaux pour des détails d'erreur spécifiques

Les visiteurs anonymes ne déclencheront pas d'événements tant qu'ils ne sont pas identifiés.

Le product picker n'est pas affiché

Le product picker nécessite qu'Omnisend ait vos données de catalogue de produits. Pour les plateformes personnalisées :

Synchronisez votre catalogue de produits via l'API (intégration backend)
Ajoutez le suivi de l'événement produit vu à vos pages de produit (extrait frontend + données produit dynamiques)

Suivez le guide de configuration du product picker pour des instructions détaillées.

La boutique est connectée, mais les automatisations ne fonctionnent pas

Pour déclencher des automatisations de flux de travail, vous devez transmettre l'événement et les données associées via l'API. Par exemple :

Le Panier abandonné nécessite des événements API Panier et API Commande
La confirmation de commande nécessite l'événement Commande passée
L'abandon de produit nécessite un événement Produit Vu

Vérifiez les Paramètres de la Boutique → API → Journaux de l'API pour des erreurs.

Remarque : L'intégration frontend seule ne prend en charge que les automatisations de bienvenue, d'abandon de navigation et d'abandon de produit. Toutes les automatisations basées sur des commandes nécessitent une intégration backend.

L'onglet produit dans le profil de contact n'affiche rien

Les informations affichées sous l'onglet Produits dans le profil d'un contact proviennent du suivi Live view. Pour les plateformes basées sur l'API, Omnisend ne peut pas suivre certains événements (comme une commande passée ou un produit acheté) via Live view – il reçoit ces données via l'API à la place.

Cela signifie que l'onglet Produits peut rester vide même si votre intégration fonctionne correctement. Vérifiez Boutique Paramètres → API → Journaux pour confirmer que les données de commande et de produit sont synchronisées.

Foire aux questions

Puis-je utiliser ce guide pour Etsy, Squarespace, Hostinger ou d'autres plateformes non listées dans vos intégrations ?

Oui. Toute plateforme qui permet du HTML/JavaScript personnalisé peut utiliser l'intégration frontend (formulaires d'inscription, automatisations basiques).

Etsy : N'autorise pas le code personnalisé sur les pages de boutique. Vous aurez besoin d'une Landing Page ou d'un site web externe pour ajouter le snippet, ou utilisez Zapier pour synchroniser les contacts. L'intégration backend nécessite un travail de développeur.
Squarespace : Personnalisation de code limitée. Utilisez Zapier ou Make pour synchroniser les soumissions de formulaires, ou contactez votre développeur pour une intégration API complète.
Constructeur de site Web Hostinger : Le snippet frontend peut être ajouté. L'intégration backend nécessite un développeur.

Une intégration backend complète nécessite un accès API aux données de commande de votre boutique.

J'ai ajouté le code via Google Tag Manager, mais la vérification a échoué. Que dois-je faire ?

Votre intégration peut fonctionner même si la vérification échoue. Les extraits installés via GTM ne passent souvent pas notre vérification automatique car nous vérifions le placement direct de HTML.

Pour confirmer que cela fonctionne :

Ouvrez votre site web
Appuyez sur F12 pour ouvrir la console du navigateur
Tapez window.omnisend et appuyez sur Entrée
Si vous voyez un tableau, le code s'exécute correctement

Contact (e) le support via le chat dans l'application avec l'URL de votre boutique. Nous vérifierons votre connexion manuellement.

Assurez-vous :

Votre tag GTM se déclenche sur Toutes les pages
Le tag est publié dans GTM
Le code est enveloppé dans des balises

Quelles automatisations fonctionnent uniquement avec l'intégration frontend ?

Avec uniquement l'intégration frontend, vous pouvez utiliser :

Emails de bienvenue
Abandon de navigation
Abandon de Produit (nécessite la configuration de l'événement produit vu)
Emails d'anniversaire
Automatisations déclenchées par des segments de contact

Vous ne pouvez pas utiliser sans intégration backend :

Panier abandonné
Confirmation de commande
Confirmation d'expédition
Annulation de Commande
Réactivation du Client (e)
Tout workflow basé sur les données d'achat

Ceci nécessite une intégration API backend pour transmettre les données de commande à Omnisend.

Puis-je envoyer des événements de panier et de paiement via Google Tag Manager ?

Vous pouvez envoyer des événements de panier (paiement commencé, ajouté au panier) via GTM en utilisant des balises HTML personnalisées avec des variables de données de produit dynamiques.

Cependant, les commandes complètes doivent être envoyées via l'API backend car GTM s'exécute dans le navigateur et ne peut pas accéder en toute sécurité aux données finales de la commande après le paiement.

Pour l'abandon de panier :

Envoyer l'événement $startedCheckout avec les détails du panier via GTM

Pour la confirmation de commande :

Utilisez l'API côté serveur pour pousser les données de commande

Voir notre documentation de l'API de suivi des événements pour les détails d'implémentation.

Pourquoi reçois-je des erreurs 400 lors du suivi des événements ?