Badge Webflow Award Winner 2023

Comment automatiser son blog no-code Webflow avec Sendinblue ?

Gérez plus facilement votre blog Webflow en le connectant avec l'outil de marketing no-code Sendinblue. Automatisez l'envoie de votre newsletter, vos campagnes marketing, gérez facilement vos nouveaux inscrits, etc.

Publié le 
27/11/2021
Modifié le 
27/3/2023
5 min
Ecran d'ordinateur sur fond rose avec interface Sendinblue une icone Webflow et un badger expert Sendinblue

Qu’est-ce que Sendinblue ?

Sendinblue est un outil nocode de web marketing qui va vous permettre de créer et piloter facilement des campagnes publicitaires. Sendinblue vous met à disposition de nombreuses fonctionnalités pour rester connecter à vos clients et améliorer votre tôt de conversion auprès de vos prospects. Un outil nocode très complet pour :

  • Emailing : un outil de drag and drop facile à prendre en main pour créer des campagnes d’emailing en quelques clics
  • Chat : un chat bot à intégrer à votre site Webflow pour capter vos clients et leur répondre en temps réel. Améliorez votre temps de réponse !
  • SMS Marketing : optimisez votre multicanal avec campagnes marketing sms.
  • Marketing automation : vous permet de créer des campagnes automatisées et personnalisées en fonction des actions de vos clients.
  • CRM : qualifiez vos prospects et clients, ajoutez les à des listes d’envoie, gérez automatiquement les désabonnements, etc.
  • Email transactionnels : créer des templates d’emails simples pour améliorer l’engagement avec vos clients.
  • Segmentation : segmentez votre liste de contacts en plusieurs groupes en fonction de caractéristiques ou comportements identifiés. Un moyen de leur proposer du contenu plus pertinent dans vos campagnes.
  • Landing page : l’outil vous permet de créer des landings pages simples et rapides pour des campagnes marketings ponctuelles.
  • Formulaires d’inscription : une fonctionnalité qui vous permet d’intégrer un embed de formulaire directement dans Webflow. Un bon moyen de connecter votre formulaire Webflow à votre base de donnée Sendinblue.
  • Facebook Ads : vous pourrez cibler des contacts sur Facebook et exploiter les données pour élargir votre audience.

Pourquoi connecter Sendinblue à Webflow ?

Sendinblue est donc un outil complet et le connecter à votre site Webflow est un moyen de mieux automatiser vos campagnes marketing.

Gagnez du temps

C’est d’une manière générale, la raison pour laquelle il faut automatiser son site Webflow avec ses outils nocode. Gagnez du temps dans vos journées et arrêtez les copier / coller dans vos différentes bases de données. Connecter Sendinblue à Webflow va vous permettre de gérer automatiquement toutes les données qui proviennent de votre site et les connecter à des campagnes marketing ciblées.  

Automatisez votre flux de données

L’objectif va donc être de connecter Senfinblue à Webflow pour optimiser les flux de données entre ces outils. Prenons un exemple concret. Vous avez sur votre site Webflow deux formulaires web :

  • Un formulaire web contact : vous permet d’être contacté depuis votre site web. Vous allez y récupérer des données de type “Nom”, “Prénom”, “Mail”, “Téléphone” “Object” “Message”.
  • Un formulaire web newsletter : ou vous allez proposer aux visiteurs de s’inscrire à votre newsletter par exemple en récupérant un “Mail”.

Connecter Sendinblue à Webflow sera donc un moyen de transférer directement toutes ces données dans votre base de donnée Sendinble à chaque nouveau formulaire web rempli. Les données seront qualifiées et chaque contact pourra être ajouté à une liste précise, et à des campagnes marketing automatisées.

Pour reprendre notre exemple, un nouveaux contact provenant du du formulaire de contact recevra un mail automatique pour l’informé que son message à bien été transmis. En fonction de sa demande il pourra aussi être qualifié et intégré à d’autres listes, par exemple pour le réutiliser plus tard. De la même manière, pour tout nouveau contact depuis le formulaire newsletter, l’email sera ajouté à votre liste d’envoie de newsletter.

Qualifiez et ciblez vos contacts

Chaque nouveau contact de votre site Webflow sera ainsi intégré à votre base de données. L’avantage de connecter Webflow et Sendinblue est de pouvoir qualifier de manière précise la provenance de vos leads. Vous pourrez aussi automatiquement les ajouter à des listes d’envoie selon leurs provenance et actions qu’ils ont fait depuis votre site web.

Il sera par exemple possible d’envoyer un message de bienvenu, de proposer une offre à la date d’anniversaire de son inscription sur le site, etc.

Automatisez votre blog

Vous avez la possibilité de partager avec Sendinblue toutes les nouvelles actualités de votre site. Vous pourrez par exemple connecter le flux RSS de votre site Webflow à Sendinblue pour automatiser l’envoie de vos derniers articles de blogs à des personnes inscrites à votre newsletter.

Automatisez vos campagnes marketing

Les flux de données étant parfaitement automatisés entre Webflow et Sendinblue, vous n’aurez plus à envoyer des compagnes de mailing à la main. Vos contacts sont ajoutés à des listes d’envoie de mails, à des campagnes automatisées et il seront rajoutés à de nouvelles listes en fonction de leurs actions sur votre site. L’outil vous permettra aussi de faire des tests A/B pour vous aider à mieux comprendre le fonctionnement et les attentes de vos clients.

Suivez l’activité de vos visiteurs

Vous pouvez installer des trackers sur votre site Webflow pour analyser le comportement de vos visiteurs. Par exemple en ajoutant un tracker dans Webflow sur un boutons “en savoir plus” vous pourrez créer un événement de suivis vous permettant de déclencher un scénario dans Sendinblue. Vous pourez donc créer des scénarios personnalisés en fonction d’actions spécifiques réalisées sur votre site web.

Méthodes pour connecter Sendinblue à son site Webflow

Une méthode assez simple proposée par de nombreux outils no-code, est d’installer in plugin pour connecter les outils entre eux. Sendinblue ne propose pas à ce jour de plugin pour se connecter facilement à Webflow mais vous avez d’autres moyens d’y arriver ! 😁

Connecter ses formulaires Webflow à Sendinblue

Sans plugin, voici trois méthodes pour relier les données de votre site web à votre de base de données Sendinblue.

Intégrer un embed Sedinblue dans Webflow

Sendinblue vous proposer une fonctionnalité pour créer des formulaires web très facilement. Un outil de drag and drop vous permet d’ajouter des champs à votre formulaire et de les personnaliser selon vos besoins. Cet outil vous propose un formulaire responsive, que vous pouvez sécuriser avec un Captcha et qui sera 100% RGPD avec un champ RGPD et des emails de confirmations. Un fois créé et rattaché à des listes dans Sendinblue, vous pourrez très facilement intégrer un embed de ce formulaire Sendinblue dans Webflow.

Interface de personnalisation d'embed Sendinblue
Embed Sendinblue

Connecter Sendinblue et Webflow avec Integromat

Chez Digidop on préfère limiter les embed code pour améliorer la vitesse de notre site. C’est une des raison pour lesquelles on préfère passer par un outil d’automatisation comme Integromat pour connecter Sendinblue et Webflow. Une autre raison et non des moindre, est de pouvoir enclencher une chaine d’actions à la suite d’un événement depuis notre site Webflow.

Passer par Integromat nous permettra par exemple d’envoyer les données Webflow à Seninblue mais aussi de connecter Webflow à Airtable, ou notifier nos équipes sur Slack. Idéal pour automatiser tout son site Webflow 🤩 Que votre workflow soit simple ou complexe, l’idée est de venir ajouter combiner plusieurs outils au sein d’une même automatisation. De plus le module Webflow dans Integromat vous permet de choisir un déclencheur instantané. Ainsi pour chaque nouvelle action effectué sur le site, comme l’envoie d’un nouveau formulaire, toute la chaine sera déclenchée. Les données seront par exemple envoyées à Airtaale, vos équipes seront notifiées sur Slack, le contact sera ajouté à des campagnes automatisées Sendinblue, etc.

Interface de connection Webflow Sendinblue depuis Integromat
Webflow et Sendinblue avec Integromat

Synchronisez vos contacts via FTP

Vous pouvez enfin relier vos contacts Webflow à votre base de donnée Sendinblue via un serveur SFTP / FTP. Sendinblue vous porpose un outils “Contacts FTP” vous permettant de connecter votre serveur web à votre base de données. Vous retrouverez cette outil dans les intégrations.

Lors du paramétrage, vous pourrez associer les données de votre serveur avec vos attributs de contacts Sendinblue et sélectionner la liste dans laquelle vous souhaiter les ajouter.

☝ A noter cependant que cette fonctionnalité est disponible avec le Plan Entreprise de Sendinblue.

☝ A noter que les envoies de données de sont pas instantanés et qu’il faudra paramétrer des synchronisations quotidienne, hebdomadaire ou mensuel.

Blocs d'intégrations Sendinblue avec le module Contact FTP entouré en bleu
Synchronisation de contacts FTP

Connecter son blog Webflow à Sendinblue

Nous utiliserons ici le flux RSS de votre site Weblfow automatiser vos campagnes Sendinblue. Les campagnes RSS et Email sont très efficaces pour informer vos internautes des dernières mise à jour de votre blog. Ainsi, des notification par email seront automatiquement envoyées à votre liste d’inscrit à la newsletter pour leurs partager vos derniers articles de blog. Vous pourrez facilement connecter le lien RSS de votre blog Webflow à Sendinblue grâce à l’intégration “RSS Campaign”.

Lors du paramétrage de votre campagne RSS Webflow, vous pourrez sélectionner un template d’email que vous arez déjà préparé ou paramétrer le votre. Pensez cependant à bien rajouter les balises clé, correspondant à celles de votre flux RSS pour faire ressortir les données de votre blog. Enfin vous pourrez bien sûr rattacher ces campagnes RSS à une de vos listes Sendinblue, mais nous vos recommandons d’en créer une dédié à cette campagne RSS.

Modules d'intégrations Sendinblue avec le module RSS Campaign entouré en bleu
Intégration RSS Sendinblue

Installer des tracker Sendinblue sur Webflow

Poussons d’avantage l’automatisation Webflow et Sendinblue en installant des trackers sur votre site ! L’idée est de pouvoir suivre le comportement de vos visiteurs sur votre site web et d’enrichir les données de chacun de vos contacts sur Sendinblue. Les trackers web vont donc vous permettre de créer des scénarios automatisés, en fonction d’actions précises sur votre site web.

Par exemple, vous pourrez envoyer un email spéciale à des consommateurs qui ont consultés une catégorie de produit spécifique sur votre site. Un réel avantage pour les sites e-Commerce qui pourront par exemple retargeter des consommateurs qui n’aurait pas été jusqu’au bout de leur achat dans leur panier.

Sendinblue vous propose trois méthodes pour installer un tracker sur votre site web :

Tracker via les plugins Sendinblue

Ce serait l’option la plus simple s’il existait un plugin Webflow... Mais sans regret, pensons à la vitesse de notre site ! 😁

Case Plugins à cocher pour installer un tracker Sendinblue
Tracker Sendinblue avec Plugins

Tracker Google Tag Manager

C’est la solution que nous vous recommandons ! Installer votre tracker sur la Google Tag Manager vous permet de préserver les performances de votre site web et vous pourrez facilement le mettre en place sur Webflow !

Case Google Tag Manager à cocher pour installer un tracker Sendinblue
Tracker Sendinblue avec Google Tag Manager

Tracker manuel avec Code de suivi JS

La dernière solution, et aussi la plus complexe, sera d’ajouter manuellement le tracker via un code de suivi Java Script.

Case "Code de suivi JS" cocher pour installer un tracker Sendinblue
Tracker Sendinblue avec code JS

Prêt(e) à avoir un site qui convertit ?

Améliorer votre visibilité en ligne grâce à l’experience, l’excellence et la réactivité de Digidop !

Restez informés de l’actu Digidop !