Widget cartographique

Intégrez Kraaby sur votre site en quelques clics

Offrez à vos visiteurs une carte interactive des lieux, randonnées et activités autour d'une adresse — directement sur votre site, sans développement complexe.

🗺️ Carte personnalisable ⚡ Code iframe prêt à l'emploi 🇫🇷 Contenu Kraaby en temps réel 🆓 Gratuit
🎯

Engagez vos visiteurs

Une carte visuelle qui incite à explorer votre territoire et prolonge le temps passé sur votre site.

🔧

Configuration simple

Choisissez le contenu, la zone, le style de carte — le code s'adapte automatiquement.

📱

Responsive

Le widget s'adapte à toutes les tailles d'écran, du mobile au grand écran.

← Retour à l'espace entreprise

Aperçu en direct

● Live
480 px
Code à intégrer sur votre site

            

Comment l'ajouter sur votre site ?

Copiez le code ci-dessus et suivez le guide adapté à votre plateforme.

  1. Dans votre tableau de bord WordPress, ouvrez la page ou l'article où vous souhaitez afficher la carte.
  2. Ajoutez un bloc « HTML personnalisé » (ou « Code personnalisé » selon votre thème).
  3. Collez le code iframe copié depuis cet outil.
  4. Enregistrez et prévisualisez — la carte s'affiche automatiquement.

Astuce : pour une page dédiée, créez une nouvelle page vide et insérez uniquement le bloc HTML.

  1. Ouvrez l'éditeur de votre site.
  2. Ajoutez un élément « Intégrer du code » ou « HTML embed ».
  3. Collez le code iframe.
  4. Ajustez la largeur à 100 % pour un rendu optimal.

Collez directement le code iframe dans votre fichier HTML, à l'endroit souhaité :

  1. Ouvrez votre fichier .html ou votre template.
  2. Insérez le code iframe dans un conteneur (<div> recommandé).
  3. Le widget se charge de manière asynchrone — aucune dépendance supplémentaire.

La plupart des CMS proposent un module ou un bloc permettant d'insérer du code HTML brut. Recherchez « HTML personnalisé », « iframe » ou « embed » dans votre éditeur de contenu, puis collez le code.

Besoin d'aide pour l'intégration ?

Notre équipe peut vous accompagner pour une intégration sur mesure, un design adapté à votre charte graphique ou une configuration avancée.

✉️ contact@kraaby.com