Les formulaires intégrés apparaissent de manière cohérente sur certaines pages de votre site web, rendant la collecte d'abonnés facile et fluide. En intégrant un formulaire sur n'importe quelle page de votre site web, vous pouvez étendre votre portée, constituer votre liste de contacts et ajouter de nouveaux abonnés directement à votre Audience Omnisend.
Dans cet article, vous apprendrez comment ajouter un formulaire intégré à votre site et comment l'utiliser pour améliorer votre stratégie de marketing par Email.
Avant de commencer
Un formulaire intégré est un moyen d'afficher votre formulaire d'inscription comme partie de votre site web.
Vous devez copier et ajouter un court code HTML au code de votre thème de site web.
Si vous avez déjà un formulaire de pied de page sur votre site web, vous n'avez pas besoin de créer un autre formulaire intégré dans Omnisend. Les contacts qui passent par le formulaire de votre thème seront automatiquement synchronisés avec votre Audience Omnisend.
Pour que le formulaire intégré fonctionne, vous devez d'abord terminer l'intégration front-end (elle se fait automatiquement pour Shopify, BigCommerce et WooCommerce une fois l'application Omnisend installée).
Wix ne prend pas en charge les formulaires intégrés. Si vous utilisez Wix, vous pouvez créer un Pop-up ou Formulaire coulissant (flyout) à la place.
Pour les utilisateurs de Shopify : L'intégration de l'application Omnisend doit être activée dans votre thème pour que les formulaires intégrés fonctionnent. En savoir plus sur l'intégration de l'application Shopify
Processus de configuration
Étape 1. Accédez à Formulaires et cliquez Créer un formulaire.
Étape 2. Dans la bibliothèque de formulaires, sélectionnez Formulaires intégrés → Sélectionnez l'un des modèles de formulaires → Cliquez Utilisez le modèle.
Étape 3. Vous serez redirigé vers le Constructeur de formulaires, où vous pouvez modifier votre formulaire et ajouter des éléments supplémentaires si vous le souhaitez.
Vous pouvez facilement personnaliser votre formulaire intégré à l'aide d'un simple éditeur glisser-déposer.
En plus de collecter des adresses email, vous pouvez utiliser des champs de saisie et des menus déroulants pour recueillir d'autres informations sur le client (e), telles que la date de naissance, le numéro de téléphone ou des propriétés personnalisées.
Vous pouvez également améliorer votre formulaire avec du texte, des images, plusieurs boutons, ou même une Roue de la fortune pour rendre l'expérience ludique et inciter aux abonnements.
Étape 4. Examinez et ajustez vos Paramètres du formulaire.
Dans le menu de droite, vous trouverez les onglets Comportement et Paramètres de thème :
Paramètres de comportement
Gestion de l'Audience : Attribuez un tag aux contacts qui soumettent le formulaire pour une segmentation plus facile. Vous pouvez ajouter un tag existant au formulaire ou en créer un nouveau directement dans le créateur de formulaire. En savoir plus sur les étiquettes de contact ici
Vous pouvez également activer le double opt-in ou reCAPTCHA pour vous assurer que votre formulaire ne collecte que des abonnés valides. En savoir plus sur le double opt-in et reCAPTCHA.
Paramètres de ciblage : Décidez si le formulaire doit apparaître sur pages de produits en rupture de stock.
Paramètres de thème
Disposition du formulaire : Choisissez le type de formulaire (pop-up, flyout, intégré ou Landing Page) et ajustez la largeur (jusqu'à 1000px).
Styles de formulaire : Personnalisez le rayon des coins, la largeur de la bordure, le style et la couleur.
💡Si vous souhaitez utiliser des couleurs personnalisées, cliquez sur le signe + sous Mes couleurs et choisissez les couleurs dont vous avez besoin dans une palette.
Boutons : Stylez les boutons du formulaire pour qu'ils correspondent à votre image de marque.
Champs : Personnalisez les champs de saisie, y compris la police, la taille, les couleurs, et plus.
Enfin, vous pouvez configurer Messages qui seront affichés après une inscription réussie et aux clients qui sont déjà dans votre Audience.
C'est tout ! Votre formulaire est prêt à être intégré.
Remarque : Les formulaires intégrés fonctionnent sur toutes les plateformes, mais si vous utilisez une plateforme personnalisée, vous devrez d'abord compléter l'intégration front-end.
Code d'intégration
Une fois que vous avez personnalisé votre formulaire, vous devez l'activer pour générer le code d'intégration.
Cliquez sur Activer dans le menu supérieur. Vous verrez les Options pour choisir comment intégrer votre formulaire :
Shopify – Si votre plateforme de commerce électronique est Shopify, vous verrez des étapes dédiées et des redirections automatiques pour vous aider à intégrer le formulaire.
Manuel – Si vous utilisez une plateforme de commerce électronique différente (par exemple, WooCommerce, BigCommerce, etc.), vous recevrez un code d'intégration qui doit être ajouté au panneau d'administration de votre boutique.
Vous pouvez également trouver le code d'intégration plus tard en cliquant sur Paramètres de comportement → Afficher les instructions de configuration → Choisir comment intégrer votre formulaire → Sélectionnez Shopify ou Manuel.
Remarque : L'intégration de formulaires n'est pas une solution universelle, car elle nécessite souvent des ajustements en fonction du thème de votre boutique. Pour des conseils détaillés spécifiques à la plateforme, consultez la documentation ci-dessous pour votre plateforme de commerce électronique : Shopify, BigCommerce, ou WordPress/WooCommerce.
Intégration du formulaire dans Shopify
Étape 1. Dans Omnisend, cliquez Activer → Sélectionnez Shopify comme méthode d'intégration → Copiez le ID de formulaire → Cliquez Ouvrir les paramètres Shopify.
Vous serez redirigé vers votre administration Shopify.
Remarque : Si le L'application Formulaire intégré Omnisend n'est pas activée, vous serez d'abord redirigé vers App embeds pour l'activer. Une fois activé, revenez à l'éditeur de thème pour continuer. En savoir plus sur les intégrations d'applications Shopify
Étape 2. Dans Shopify, localisez le nouvel ajout la section Formulaire intégré Omnisend (généralement en bas de la mise en page du thème) → Cliquez sur la section → Collez le ID de formulaire.
Étape 3. Faites glisser et déplacez le la section Formulaire intégré Omnisend à l'emplacement de votre choix dans la mise en page du thème.
💡 Conseil : Expérimentez avec différents emplacements pour positionner votre formulaire dans une zone visible et engageante pour vos visiteurs du site.
Étape 4. Cliquez Enregistrer dans le coin supérieur droit de l'éditeur de thème Shopify.
Votre formulaire sera désormais visible sur votre vitrine.
Intégration manuelle dans Shopify :
Si nécessaire, vous pouvez toujours intégrer le formulaire manuellement en utilisant le code d'intégration.
Dans l'administration Shopify, allez à Boutique en ligne → Thèmes → Modifier le thème.
Cliquez sur Ajouter une section → Sélectionnez Liquid personnalisé.
Collez votre code intégré → Enregistrez vos modifications.
Intégrer le formulaire dans BigCommerce
Les étapes suivantes fonctionnent avec tous les thèmes construits selon les normes de BigCommerce. Si votre thème a été importé mais n'a pas été construit dans BigCommerce, vous devez vérifier avec votre développeur de thème pour apprendre comment intégrer le code.
Étape 1. Dans Omnisend, cliquez Activer → Sélectionnez Manuel → Copiez le code d'intégration du formulaire.
Étape 2. Accédez à votre Admin Bigcommerce → cliquez Vitrine → Thèmes → Personnaliser.
Étape 3. Faites glisser et déposez le Bloc HTML où vous souhaitez que le formulaire intégré soit situé.
Étape 4. Collez le code d'intégration → Cliquez Enregistrer HTML.
Étape 5. Publiez les modifications. Votre formulaire est maintenant en ligne.
Remarque : Le formulaire n'apparaîtra que lorsque les modifications seront publiées.
Intégration du formulaire dans WordPress/WooCommerce
Étape 1. Dans Omnisend, cliquez Activer → Sélectionnez Manuel → Copiez le Code d'intégration du formulaire.
Étape 2. Allez sur votre site WordPress et connectez-vous à votre Tableau de bord WordPress. Ici, vous pouvez gérer tous les aspects de votre boutique, y compris l'ajout de nouveaux éléments de formulaire.
Étape 3. En fonction de l'endroit où vous souhaitez intégrer le formulaire, accédez à 'Pages' ou 'Articles' depuis le tableau de bord puis sélectionnez 'Ajouter nouveau' ou choisissez de 'Modifier' une page/publication existante.
Étape 4. Pour ajouter le bloc HTML personnalisé, cliquez sur l'icône + Bloc Insérer et recherchez 'HTML.'
Étape 5. Une fois que vous avez ajouté le bloc, vous pouvez coller votre code dans la boîte fournie, l'éditer et l'apercevoir dans l'éditeur.
En quelques clics, le HTML se transforme en un formulaire intégré dans votre boutique WordPress/WooCommerce.
Travailler avec les abonnés
Les clients qui utilisent votre formulaire intégré seront immédiatement ajoutés avec un statut d'abonné à votre Audience.
Tous les contacts qui utilisent le formulaire intégré se verront également attribuer un tag. Vous pouvez vérifier les balises lors de la configuration du formulaire. Veuillez noter que les balises sont par défaut et ne peuvent pas être modifiées.
À la suite de l'abonnement, vos clients recevront deux tags : un tag par défaut attribué au formulaire intégré et un tag par défaut associé au formulaire d'inscription. Source : formulaire d'inscription.
Ces tags peuvent être utilisés pour la segmentation si vous souhaitez envoyer une campagne ou une automatisation à un segment spécifique de clients.
Remarque : Votre automatisation de bienvenue par défaut sera automatiquement déclenchée pour les clients qui utilisent le formulaire intégré. Vous n'avez pas besoin de configurer une automatisation de bienvenue séparée pour eux.
FAQ
Puis-je utiliser le même formulaire intégré sur plusieurs pages ?
Oui. Copiez le code d'intégration depuis Paramètres de comportement → Ajouter du code à votre site web et collez-le sur autant de pages que vous le souhaitez.
Si vous avez d'autres questions ou avez besoin d'aide, veuillez nous contacter à [email protected] ou dans l'application.