12 min de lecture
Embed Webflow : Vous voulez désormais voir plus grand. Se contenter d’un site basique créé sur Webflow, ce n’est plus pour vous. C’est vrai que c’est déjà beau, performant... mais vous savez que vous pouvez encore faire mieux. Vous pouvez encore le rendre “plus professionnel” qu’il n’en a déjà l’air.
Or, il existe différentes sortes de embed webflow : formulaires, réseaux sociaux, médias, avis, annonces, etc. En quoi est-ce différent des éléments créés manuellement sur le site ? En effet, vous pouvez créer un formulaire manuellement via l’interface de Webflow. Vous pouvez ajouter des médias, ou encore diriger les internautes vers des liens externes pour les annonces ou sondages...
#embed #embedwebflow #code #webflow
Si je vous demande de choisir entre utiliser une URL ou un embed code, lequel d’entre eux préférez-vous ?
URL, simple à utiliser !
Code embed, plus avantageux à mon avis.
ça dépend du contexte
N’hésitez surtout pas à donner votre avis en commentaire 🌈❤️
Si vous ne savez pas encore quelle est la différence entre un code embed webflow et une URL, restez bien attentif à ce qui suit :
La principale différence concerne l’emplacement des données et de la manière dont elles sont actualisées ensuite.
Pour l’URL, le fichier est lié au fichier source (données stockées dans le fichier source, et donc, mises à jour dans le fichier source lui-même) tandis que pour le embed, le fichier est intégré au fichier source (données stockées dans le fichier, et donc, aucun lien avec le fichier source).
J’avoue que c’est un peu compliqué, mais au cours de votre lecture, vous verrez que ce sera plus clair.
Ce sont généralement les fichiers complexes qui sont intégrés sur un site ou un blog : réseaux sociaux, formulaires, sondages, etc. (nous y reviendrons un peu plus tard).
C’est un moyen pour vous ou vos clients de soigner leur image, de montrer leur professionnalisme. Au lieu de diriger les visiteurs, clients et prospects vers un lien extérieur, le fichier ou réseau social est de suite accessible sur votre site.
Prenons le cas des réseaux sociaux plus particulièrement. En les intégrant sur votre site, vous avez plus de chances de gagner plus de visiteurs et ensuite, des followers. Vous agrandissez alors votre communauté, une bonne manière de promouvoir davantage votre activité.
Quant aux embed webflow code qui servent à recueillir des informations auprès des internautes, ils sont très pratiques. Imaginez en effet qu’on vous demande de remplir un formulaire ou de participer à un sondage, mais qu’en plus, le fichier à remplir en question est externe au site. Cela vous prendra alors plus de temps, si bien que vous avez la flemme de participer au final. Par contre, si le fichier se trouve sur le site, facile d’accès et fonctionnel, vous n’aurez aucun mal. 🤓
Voyez également les code embed comme une occasion d’établir un lien avec les internautes. Ce n’est pas la même chose, avec les URLs.
Maintenant que vous pouvez mesurer l’impact des codes embed, il ne reste plus qu’à savoir quels sont les différents embed qui matchent avec un site webflow, et puis aussi comment les intégrer. 👇
L’intégration de formulaires sur un site webflow joue un rôle important dans l’inbound marketing. Si le propriétaire du site a préalablement réussi à réunir plusieurs visiteurs réguliers, les formulaires (inscription à la newsletter, téléchargement d’ebook, etc.) feront la suite du travail.
Seulement, ce ne sont pas de simples formulaires. Il faut qu’ils soient liées à une liste de diffusion, grâce à des services comme Mailchimp, et par le code embed. En général, ces formulaires sont personnalisables, de manière à ce qu’elles correspondent au design de l’ensemble du site (contrairement aux liens).
Mailchimp peut-il donc être intégré sur un site Webflow ? En effet, grâce à Mailchimp HTML Embed.
Mailchimp est relié à une liste de diffusion (regroupant les adresses électroniques que vous avez réussi à obtenir via le formulaire), comme je vous l’ai expliqué tout à l’heure. D’où la possibilité d’envoyer des contenus à tous ceux qui s’y sont inscrits.
Mais si vous voulez que vos mails convertissent réellement vos prospects en clients, il ne faut pas que vous envoyiez n’importe quel mail. De un, il faut être régulier dans l’envoi. Ensuite, je vous conseille de créer un contenu original, qui n’est pas forcément visible sur votre site. Par moments, il serait encore mieux de les accompagner de ebooks, d’inviter les followers à un webinaire, d’organiser une promotion...
Voici un exemple de site web réalisé sur Webflow, et qui intègrent un formulaire d’inscription intégré pour son canal slack, mais encore d’un formulaire d’abonnement à leur newsletter, sur leur site : BYLU (Boss Your Life Up).
Recevoir un ebook en guise de cadeau fait toujours plaisir aux gens ! C’est pourquoi il faut en envoyer, peut-être dans votre mail de bienvenue ou de présentation ? Mais que devrait-il contenir ? Du moment que vous montrez que vous êtes expert dans votre domaine, ça peut le faire (un guide, entre autres).
Certains préfèrent rester dans leur zone de confort, mais ce n’est pas forcément le cas pour tout le monde. Il y a ceux qui trouvent plaisir à y participer, car c’est une occasion de faire partie d’un public qui partage quelque chose en commun, quelque chose qui leur tient à coeur. Les autres voient les webinaires comme une manière de voir qui se cache derrière la marque (eh oui, se voir en temps réel est toujours mieux). Cela leur inspire confiance, ce qui joue un rôle encore plus important dans leur processus de conversion.
Les gens se sont inscrits à votre newsletter, ne pensez-vous pas qu’il faut aussi les récompenser en leur donnant une réduction ou un code de promotion pour leur prochain achat ? Ils ne sont pas les seuls à en sortir gagnant, alors, ne vous inquiétez pas. Vous aussi, vous aurez gagné des clients fidèles. S’ils bénéficient d’une promotion en effet, ils auront une raison de plus pour revenir sur votre site pour faire un achat ou recourir à un service.
Il n’y a pas que les formulaires qui peuvent être intégrés sur un site web. Les contenus multimédias ont aussi leur place, les fichiers audio entre autres. Y en a-t-il encore ceux qui s’intéressent aux contenus audios ? Bien sûr ! Ils permettent une connexion plus profonde avec les internautes.
Revenons à BYLU (Boss Your Life Up), le site intègre aussi des contenus audios. Il utilise alors un lecteur intégré. Et comme il est “intégré” et non lié par une URL, les internautes auront la possibilité de se rendre sur la plateforme de podcastoriginale. Il y a même de fortes chances qu’ils vous suivent sur la plateforme.
Il y a aussi DreamLife Beats, un autre site conçu sur Webflow qui présente des extraits audio de ses travaux en haut de son site web.
Prenons tout de suite l’exemple de DreamLife Beats. À part les extraits audio intégrés sur son site Webflow, il y expose aussi ses posts instagram (images et vidéos). Difficile pour ses potentiels clients de manquer ses compétences ; en effet, non seulement il y met une vidéo de présentation, mais ses autres posts montrent à quel point il est doué dans son travail de producteur musical.
Ici, DreamLife Beats a utilisé le widget Elfsight pour l’intégration instagram.
Disons qu’un internaute qui utilise également instagram se rend sur votre site, et trouve sur son chemin votre compte. Si ce que vous faites lui plaît, il n’hésitera pas une seule seconde à vous suivre sur Instagram. Et un prospect de plus !
Sur la plupart des sites web professionnels, on rencontre les témoignages de leurs clients. Savez-vous pourquoi ? Eh bien ce n’est pas qu’une simple formalité. Si ils ont été mis en place, c’est pour une raison précise : renforcer leur notoriété. Le simple fait de voir que vos clients ont confiance en vous et admirent votre travail donne à vos autres potentiels clients des raisons de travailler avec vous. Une fois un projet terminé, ils seront poussés à faire comme les autres, c’est-à-dire à donner leur avis sur votre site.
Il existe différentes manières d’insérer les témoignages sur un site, mais la meilleure reste évidemment l’intégration grâce au code embed. Les avis que vous recevez sur Yelp apparaîtront alors sur votre site. Je vous conseille également le widget Elfsight. Le principe reste le même : copier un code pour ensuite le coller sur la partie de votre site où vous voulez que les témoignages s’affichent.
Toujours grâce à Elfsight, vous pouvez intégrer vos posts de médias sociaux sur votre site, sur un endroit stratégique. Les visiteurs de votre site les verront comme une invitation à faire partie de votre réseau. Si vous voulez optimiser au mieux leur présence, je vous conseille de ne publier que des contenus performants.
Cette fonctionnalité est très intéressante pour ceux qui sont actifs sur YouTube ou Vimeo. L’objectif étant naturellement d’obtenir le plus grand nombre de vue. En insérant ainsi vos vidéos sur votre site, cela permettra aux visiteurs de vous découvrir sur votre chaîne, et pourquoi pas, de s’y abonner.
J’en connais des sites qui truffent leur site de vidéos grâce au code embed. Uploader directement des vidéos sur un site est une très mauvaise idée, car cela alourdit le serveur. Cela crée un impact sur la vitesse de chargement du site et son SEO.
Il ne reste plus qu’à voir comment intégrer une vidéo sur un site Webflow.
C’est tout simple : Webflow possède une fonction vidéo YouTube intégrée qu’il suffit de glisser sur l’écran ; ensuite, vous n’avez plus qu’à insérer le lien de la vidéo dans la partie dédiée.
Dans le but d’améliorer l’expérience des internautes sur un site, il est préférable de mener des analyses continuellement. Les sondages sont un moyen tellement efficace et pourtant, simple à mettre en place sur un site webflow.
En effet, les sondages vous aident à avoir des informations précieuses. Les visiteurs de votre site peuvent y répondre directement. Cela leur vient aussi naturellement. Encore une fois, ils n’ont pas besoin d’être redirigés vers un site externe.
De votre côté, vous ne serez pas amené à voir les résultats du sondage comme des chiffres. Vous les verrez surtout en tant que personne qui ont visité votre site, et qui ont pris la peine de répondre à votre sondage. Vos décisions seront plus adaptées à votre cible.
Quand vous créez un sondage, je vous rappelle de ne pas le faire trop long. Sinon, les internautes n’auront pas envie d’y répondre... Faites donc en sorte de ne poser que les questions importantes. Essayez également de simplifier les réponses pour faire gagner du temps à votre cible, et ainsi, leur inciter à prendre le temps d’y répondre (des QCM seraient le bienvenu par exemple).
Entrons dans la partie la plus importante : comment intégrer un sondage sur un site webflow ?
Ils peuvent tous 3 être personnalisés.
Toujours dans le but d’animer votre site, la mise en place d’annonces est une très bonne idée. Vous pouvez le faire de 2 différentes manières :
Les liens d’affiliation Amazon sont aussi très prisés. Un beau moyen d’arrondir ses fins de mois. Mais si vous avez beaucoup de followers, vous en gagnerez beaucoup plus !
Permettre aux gens de commenter certains de vos contenus, c’est leur donner l’occasion de partager leur avis. On peut dire que vous communiquez (vous et les visiteurs de votre site). Seulement, la gestion de commentaires n’est pas forcément chose facile... Disqus a donc été mis en place pour la faciliter. Et surtout, il convient à Webflow.
Dès qu’un commentaire est écrit sur le site, vous recevez de suite une notification par email. Vous pouvez alors approuver ou refuser ce commentaire (en effet, il existe des spams qu’il faut absolument refuser !). D’ailleurs, Disqus dispose d’une fonctionnalité de filtrage de spam. Pour ceux qui connaissent Wordpress, le principe est le même que pour Akismet.
Comme nous nous concentrons toujours sur le webdesign, en webflow, je tiens à préciser que l’apparence des commentaires est personnalisable avec Disqus. Que demander de plus ?
Enfin et non des moindres, Airtable ! Ce qui est bien avec lui, c’est que les données que vous recevez via votre site ne seront pas stockées sur le serveur du site. Cela ne fait que l’alourdir, et ensuite, ralentit la vitesse du site.
Le fait d’intégrer Airtable sur votre site permet alors au site de stocker les données chez Airtable lui-même. En parallèle, vous aurez accès à bien plus de fonctionnalités de gestion de projets.
Le principe des codes embed reste le même pour tous ces types de embed :
Bref, c’est facile. Quelques secondes et 2 clics, c’est tout ce dont vous avez besoin. Pourtant, comme je l’ai mentionné pour chaque embed, les avantages sont multiples ! Si ce n’est que le fait d’avoir le serveur de votre site libéré.
C’est vrai que je vous ai listé 10 différents embed :
Cependant, vous n’êtes pas obligé de tous les installer sur votre site. Peut-être n’avez-vous pas encore de compte Twitter ou tout simplement que ce n’est pas assez important pour votre activité. Vous vous focalisez plutôt sur la création d’une communauté, et ainsi, vous avez besoin des embeds commentaires ?
Tout dépend alors de votre projet et de vos objectifs
Dans la joie et la bonne humeur
Que vous soyez débutant ou expérimenté, la Happy.webacademy vous donne l’énergie, les stratégies et les outils pour avoir plus de liberté et générer des résultats qui propulseront votre chiffre d’affaires dans les étoiles.
