Collez un lien YouTube, Vimeo, Google Maps, Calendly, Spotify, Loom ou Google Forms et obtenez un code iframe responsive à chargement différé avec un titre accessible, un aperçu en direct et une note de confidentialité pour chaque fournisseur.
Collez un lien d'un fournisseur pris en charge, choisissez un ratio d'aspect et donnez un titre à l'intégration. Vous obtenez un code iframe qui s'adapte à toute largeur d'écran, ne se charge que quand un visiteur défile à proximité, et porte un titre pour les utilisateurs de lecteurs d'écran. Un aperçu en direct montre le résultat, et une note pour chaque fournisseur vous dit ce qu'il peut suivre et si une option respectueuse de la vie privée existe. Tout se passe dans votre navigateur. Rien de ce que vous saisissez ou importez n'est envoyé à We.Inc ni à personne d'autre.
Collez un lien : une vidéo YouTube ou Vimeo, un lien d'intégration Google Maps, une page de réservation Calendly, un titre ou une playlist Spotify, une vidéo Loom ou un formulaire Google.
L'outil reconnaît le fournisseur et réécrit le lien dans l'adresse d'intégration officielle de ce fournisseur. Les liens qu'il ne reconnaît pas sont refusés plutôt que devinés.
Choisissez le ratio d'aspect (16:9 pour la vidéo, 4:3, 1:1, ou une hauteur fixe pour les pages de réservation et formulaires) et écrivez un titre qui décrit l'intégration.
Choisissez le comportement de chargement. Le chargement différé est activé par défaut pour que l'intégration ne ralentisse pas le premier affichage de la page.
Vérifiez l'aperçu en direct, puis copiez le HTML. La note du fournisseur liste ce qu'il faut mentionner dans votre avis de confidentialité ou de cookies.
Donnez à chaque iframe un titre qui décrit son contenu, comme « Plan pour accéder à notre boutique rue du Roi ». Les lecteurs d'écran l'annoncent.
Utilisez youtube-nocookie.com pour les vidéos YouTube. Cela évite de poser des cookies YouTube avant que le visiteur n'appuie sur lecture.
Gardez les intégrations lourdes sous le premier écran ou chargez-les différé ; chacune charge toute une page depuis un autre site.
Les widgets de réservation, de chat et les formulaires sont le produit du fournisseur, pas celui de votre site. Leurs conditions et traitement des données s'appliquent.
Pour Google Maps, utilisez Partager, puis Intégrer une carte, puis copiez l'adresse à l'intérieur de src. Un lien maps normal ne peut pas être intégré.
Questions fréquentes
Comment rendre un iframe responsive ?
Enveloppez-le dans un conteneur qui définit aspect-ratio (par exemple 16 / 9) et width: 100%, et faites en sorte que l'iframe remplisse le conteneur. Les anciens sites utilisaient une astuce de padding-top ; aspect-ratio est pris en charge par tous les navigateurs actuels. Cet outil produit la version moderne.
Quels fournisseurs sont pris en charge ?
YouTube (y compris les liens Shorts et youtu.be), Vimeo, les liens d'intégration Google Maps, Calendly, Spotify, Loom et Google Forms. Chacun a une adresse d'intégration documentée. Les autres liens sont refusés pour que l'outil ne produise jamais de code qui ne fonctionnera pas.
Le chargement différé nuit-il à l'intégration ?
Non. loading="lazy" dit au navigateur de ne récupérer l'iframe que quand elle est proche de la partie visible de la page. Les visiteurs qui y défilent la voient se charger normalement.
We.Inc fournit-il la réservation ou le chat ?
Non. Calendly et les outils similaires sont des services séparés auxquels vous vous inscrivez chez eux. Cet outil ne produit que le code pour afficher leur widget sur votre page.
Pourquoi mon lien Google Maps ne fonctionne-t-il pas ?
Les liens maps.google.com et goo.gl normaux bloquent l'intégration. Ouvrez le lieu dans Google Maps, choisissez Partager, puis Intégrer une carte, et collez l'adresse depuis la partie src du code affiché.
Ce que chaque intégration coûte à vos visiteurs
Une intégration est une petite fenêtre vers la page d'une autre entreprise. Elle charge ses scripts, peut poser ses cookies et ajoute du poids à votre page. Cela en vaut souvent la peine, mais cela devrait être un choix : chargez en différé les intégrations sous le premier écran, utilisez les modes renforçant la confidentialité quand ils existent, et mentionnez les intégrations tierces dans votre avis de confidentialité.
Intégrations accessibles
Les lecteurs d'écran annoncent un iframe par son titre. Sans titre, les visiteurs entendent « cadre » et rien d'autre. Un titre clair, un lien texte vers le même contenu sous l'intégration, et des sous-titres sur les vidéos rendent le contenu intégré utilisable par tous.