Accueil/ Outils gratuits/ Générateur de code d’intégration

Générateur gratuit de code d’intégration

Collez une URL, choisissez la largeur et la hauteur, activez ou désactivez quelques options, puis copiez un code HTML d’intégration <iframe> propre — pour votre page Knocket, une vidéo, une carte ou tout autre contenu que le navigateur peut afficher. Consultez un aperçu en direct, puis collez le code sur votre site. Aucune connexion requise, aucune donnée stockée.

Aperçu en direct
Saisissez une URL pour afficher l’aperçu…

Aperçu vide ? Le site bloque l’intégration, mais le code est tout de même correct.

Intégrer le code HTML — copiez ceci
 
Embed your Knocket contact page — visitors chat with you without leaving your site. Get your page →
◈ INTÉGREZ VOTRE PROPRE PAGE DE CONTACT

L’élément le plus utile à intégrer est une page qui permet aux gens de vous contacter. Une page de contact Knocket gratuite est conçue pour être intégrée : ajoutez-la à votre site et vos visiteurs pourront accéder au chat en direct, à WhatsApp, aux e-mails et à la prise de rendez-vous sans que vous ayez à créer un formulaire ni un back-end. Obtenez votre page gratuite →

Pourquoi un générateur de code d’intégration est important

L’intégration d’une page dans une autre est l’un des mécanismes fondamentaux les plus anciens du Web, mais écrire manuellement la balise <iframe> — avec la bonne largeur, un titre pour les lecteurs d’écran, le chargement différé et un bac à sable sécurisé — est fastidieux et source d’erreurs. Un générateur s’en charge correctement à chaque fois et vous montre le résultat avant sa mise en ligne.

Comment intégrer une page

  1. Collez l’URL que vous souhaitez intégrer (votre page Knocket, une vidéo, une carte, un document).
  2. Définissez la taille — largeur/hauteur fixes ou adaptatives (largeur de 100 %).
  3. Ajoutez un titre pour l’accessibilité et activez ou désactivez les options (plein écran, chargement différé, bordure, bac à sable).
  4. Copiez le code HTML et collez-le dans le code HTML de votre site ou dans le bloc d’intégration de votre CMS.
◈ OÙ COLLER

Dans un bloc HTML personnalisé sur WordPress, un Code Embed sur Wix, un bloc d’intégration sur Squarespace, ou directement dans le code HTML de votre site. Dans une mise en page React/Astro, insérez le <iframe> via un élément HTML brut. La balise est autonome — aucun script ni aucune feuille de style à charger.

Ce que les gens intègrent

Quand une iframe n'est pas l'outil adapté

Une iframe est parfaite pour afficher une autre page dans la vôtre. Ce n’est pas l’outil approprié lorsque vous devez :

Pour une expérience de contact intégrée nativement à votre site (sans iframe, avec votre domaine et votre style), une seule balise de script suffit pour ajouter un widget Knocket.

Questions fréquentes

Ce générateur de code d’intégration est-il gratuit ?

Oui — entièrement gratuit, sans connexion ni limites. Le code HTML est généré dans votre navigateur ; rien n’est téléversé ni stocké. Générez autant de codes d’intégration que vous le souhaitez.

Pourquoi mon aperçu est-il vide ?

Le site que vous intégrez envoie un en-tête X-Frame-Options ou Content-Security-Policy qui refuse l’affichage dans un cadre. Google, Instagram, Facebook et la plupart des pages nécessitant une connexion font de même. Le code généré reste correct — le site refuse simplement d’être intégré où que ce soit, par qui que ce soit. Les pages Knocket et la plupart des lecteurs vidéo (YouTube, Vimeo) autorisent l’intégration.

À quoi sert l’option sandbox ?

L’attribut sandbox limite ce que la page intégrée peut faire, afin qu’un contenu intégré non fiable ne puisse pas ouvrir de fenêtres, exécuter des formulaires ni accéder à votre page. Le mode Restreint (recommandé) permet au contenu intégré d’exécuter des scripts et des formulaires, mais bloque les actions dangereuses ; le mode Strict n’autorise que les scripts. Désactivez-le pour une page de confiance qui nécessite toutes les fonctionnalités.

À quoi sert le champ « titre » ?

L’attribut title de l’iframe indique aux lecteurs d’écran ce qu’elle contient — un élément essentiel pour l’accessibilité. Sans lui, les visiteurs utilisant des technologies d’assistance entendent « cadre » sans aucun contexte. Définissez-le toujours de façon à décrire le contenu intégré (par exemple, « Page de contact Knocket »).

Taille adaptative ou fixe ?

Utilisez une mise en page responsive (largeur de 100 %) lorsque l’intégration doit remplir son conteneur — comme sur la plupart des sites modernes. Utilisez une largeur et une hauteur fixes lorsque vous avez besoin de dimensions précises, par exemple pour un lecteur vidéo ou une carte carrée. Les intégrations responsives sont généralement associées à un conteneur avec un rapport d’aspect défini sur votre page.

Le chargement différé est-il utile ?

Oui. loading="lazy" indique au navigateur de ne charger l’iframe que lorsque l’utilisateur fait défiler la page jusqu’à proximité, ce qui accélère le chargement initial de votre page — particulièrement utile si vous avez plusieurs intégrations sur une même page.

Stockez-vous les URL que je saisis ?

Non. Tout s’exécute dans votre navigateur — l’URL, le titre et les options ne quittent jamais votre appareil. Il n’y a ni serveur, ni base de données, ni compte.

Puis-je intégrer ma page Knocket ?

Oui — et c’est une excellente utilisation. Votre page de contact Knocket est conçue pour être intégrée : les visiteurs bénéficient du chat en direct, de WhatsApp, de l’e-mail et de la prise de rendez-vous directement sur votre site, sans formulaire ni back-end à développer. Collez votre URL knocket.trtc.io/your-handle et copiez le code.

Plus d'outils gratuits

Intégrez une page qui vous répond.

Le meilleur élément à intégrer est celui qui permet aux gens de vous joindre. Une page Knocket ajoute le chat en direct, WhatsApp, l’e-mail et la prise de rendez-vous à n’importe quel site.

Créez votre page gratuite