Image Map Pro pour WordPress – Générateur de cartes SVG

Image Map Pro pour WordPress – Générateur de cartes SVG

Acheter maintenant

Image Map Pro – Générateur de cartes SVG

Image Map Pro est bien plus qu'un simple plugin de carte d'image. Placez des emplacements, ajoutez du texte, ouais bien sûr – c'est vrai. Mais c'est là que l'ordinaire s'arrête. Image Map Pro est livré avec sa propre application Web riche en fonctionnalités, ce qui vous permet de créer rapidement et facilement la sélection la plus complète d'images cliquables, d'épingles, de formes SVG et polygonales personnalisées, et de les exporter immédiatement vers votre site Web.

Image Map Pro pour WordPress - Générateur de cartes SVG - 1 Image Map Pro pour WordPress - Générateur de cartes SVG - 2 Image Map Pro pour WordPress - Générateur de cartes SVG - 3 Image Map Pro pour WordPress - Générateur de cartes SVG - 4 Image Map Pro pour WordPress - Générateur de cartes SVG - 5 Image Map Pro pour WordPress - Générateur de cartes SVG - 6 Image Map Pro pour WordPress - Générateur de cartes SVG - 7 Image Map Pro pour WordPress - Générateur de cartes SVG - 8 Image Map Pro pour WordPress - Générateur de cartes SVG - 9Image Map Pro pour WordPress - Générateur de cartes SVG - 10

Principales fonctionnalités

  • Plus de 50 cartes de pays et de continents incluses
  • Formes de polygones personnalisées
  • Plus de 600 icônes FontAwesome de haute qualité
  • Éditeur de backend super avancé
  • Générateur de contenu pour les info-bulles
  • Entièrement réactif
  • API JavaScript et HTML
  • Actions de clic/survol de la souris
  • Styles personnalisés pour les formes
  • Importation/Exportation d'images cliquables
  • Fonctionnalité Annuler/Rétablir
  • Zoom dans l'éditeur
  • Capacité plein écran
  • Renommer et réorganiser les formes
  • Copier/coller et dupliquer des formes
  • Mises à jour automatiques

1. Éditeur de glisser-déposer super avancé

L'interface utilisateur est instantanément familière-Drag & Drop avec des étapes, des icônes et des outils de forme explicites à votre disposition – cela ne pourrait pas être plus simple. Pour être sûr, nous avons également inclus un guide vidéo étape par étape très précis au cas où vous auriez besoin que votre main soit tenue avec amour, en cours de route. Découvrez-le maintenant en essayant l'Éditeur en direct!

Essayez l'éditeur!

Plus de 50 cartes de pays regroupées.

Nous avons inclus plus de 50 cartes de pays avec des régions, des continents et du monde, toutes prêtes à l'emploi et hautement personnalisables.

Vous pouvez ajouter des épingles, changer les couleurs, activer/désactiver des régions, exécuter un code personnalisé au clic et même dessiner des polygones, du texte et d'autres formes par-dessus.

2. Ajoutez n'importe quoi aux info-bulles avec un générateur de contenu

Image Map Pro est livré avec Squares – notre générateur de contenu sur mesure qui vous permet d'ajouter un contenu riche aux info-bulles de votre image cliquable. Ajoutez de la vidéo, du contenu YouTube, des images ou des boutons et bien sûr du texte avec des styles pour démarrer. Vous pouvez même organiser votre contenu dans une grille de style Bootstrap à 12 colonnes. Deviens fou, tu es le bienvenu.

3. Dessinez vos propres formes personnalisées

Image Map Pro est le seul plugin qui vous permet de dessiner des formes de polygones personnalisées. Vous pouvez même zoomer pour une précision maximale ! Bien sûr, vous pouvez toujours dessiner les bons cercles et rectangles à l'ancienne, mais c'est tellement 2007…

Essayez l'éditeur!

4. Plus de 600 icônes FontAwesome de haute qualité

Dans l'éditeur, vous trouverez une bibliothèque de plus de 600 icônes FontAwesome SVG de haute qualité incluses GRATUITEMENT. Vous pouvez changer leur taille et leur couleur et ils s'adapteront parfaitement. Besoin d'utiliser votre propre icône ? Vous pouvez faire cela aussi!

5. Combinaisons infinies de styles et d'animations

Avec l'éditeur, vous pouvez personnaliser des propriétés telles que l'opacité, le remplissage, le contour et le rayon des angles pour qu'elles correspondent à la conception de votre site. Vous pouvez également avoir des styles séparés au survol de la souris ou rendre les formes complètement invisibles.

6. Vous cherchez encore plus de fonctionnalités ?

Sensible

Image Map Pro s'adaptera parfaitement à tous les types d'appareils, et si vous avez des info-bulles qui doivent afficher beaucoup d'informations, vous pouvez même les afficher en plein écran en appuyant simplement sur un bouton.

API JavaScript et HTML

Exécutez JavaScript lorsqu'un utilisateur clique sur une forme ou déclenche l'apparition d'une info-bulle en ajoutant un attribut HTML à n'importe quel élément de votre page.

Actions personnalisées

Les info-bulles peuvent apparaître au survol de la souris ou au clic, selon votre objectif. Bien sûr, cela pourrait signifier les désactiver complètement, également une option avec IMP. Ou vous pouvez leur faire des liens. C'est à vous!

Support client gratuit pendant 6 mois

Nous sommes ici pour aider! Si vous rencontrez des problèmes lors de l'installation ou de l'utilisation de notre produit, veuillez nous envoyer un ticket et nous vous répondrons dans les plus brefs délais !

Envoyer le ticket

Journal des modifications

5.5.0:    - Amélioration du processus d'import SVG5.4.0:    - Corrections de bugs5.3.0:    - Corrections de bugs5.2.0:    - Corrections de bugs5.1.6:    - Correction d'un bug où l'arrière-plan d'une image d'une forme s'affichait quel que soit le calque actuellement sélectionné    - Correction d'un bug où le décalage et l'échelle de l'arrière-plan de l'image étaient ignorés pour les styles de survol de la souris    - Ajout de vidéos d'exemple manquantes pour le générateur de contenu5.1.5:    - Corrections de bugs mineurs5.1.4:    - Corrections de bugs mineurs5.1.3:    - Corrections de bugs mineurs5.1.2:    - [Autre] Limité la hauteur de la liste des formes à 50 % maximum de la hauteur de la fenêtre5.1.1:    - Correction d'un bug critique lié aux cartes nouvellement incluses5.1.0:    - [Fonctionnalité] Ajout de plus de 50 cartes de pays, de continents et du monde    - [Fonctionnalité] Ajout d'une option pour désactiver une forme (la rendre non interactive)    - [Fonctionnalité] Ajout d'une option pour avoir une carte-image sans image (fond transparent)    - [Fonctionnalité] Les formes nouvellement créées ont des noms plus conviviaux et le contenu par défaut contient le titre de la forme    - [Fonctionnalité] Ajout de la prise en charge de l'importation d'éléments SVG "chemin"    - [Fonctionnalité] Le menu des formes est désormais responsive    - [Bug] Les infobulles ne clignoteront plus lorsque vous changez rapidement de forme    - [Bug] Correction de la position des info-bulles lorsque les "info-bulles collantes" sont activées et que l'info-bulle appartient à une forme d'épingle    - [Bug] Correction d'un bug lors du déplacement d'un élément vers un conteneur qui restait parfois bloqué sur la souris    - [Autre] Si aucune forme n'est sélectionnée, les paramètres de forme sont masqués et un message s'affiche    - [Autre] Limité la hauteur de la liste des formes    - [Autre] Refonte de la fenêtre de création/modification des calques. Dans WP, il utilisera désormais le téléchargeur de médias, au lieu d'un simple champ de texte pour une URL    - [Bug] Amélioration de la compatibilité avec les cartes créées avant la version 5.0    - [Bug] L'onglet des paramètres "Info-bulle" ne s'affiche plus pour les formes de texte    - [Bug] Dans l'éditeur en mode Édition, une info-bulle ne s'affichera plus pour la forme sélectionnée, si elle a un parent et que "Utiliser l'info-bulle du parent" est activé5.0.1:    - Correction d'un bug où les images de la visite "Quoi de neuf" ne s'affichaient pas.5.0 - 15 janvier 2019:    - Nouveau look frais pour l'éditeur    - Accompagnement Gutenberg    - Lors de la sélection d'une forme en mode Édition, vous pouvez maintenant voir l'info-bulle de la forme et quelques boutons au-dessus    - Déplacement des paramètres de style d'info-bulle vers une fenêtre flottante, qui peut être ouverte en cliquant sur le bouton Style d'info-bulle au-dessus d'une info-bulle    - Les info-bulles peuvent avoir des positions personnalisées en cliquant sur le bouton Transformer l'info-bulle au-dessus d'une info-bulle    - Toutes les infobulles utilisent désormais le générateur de contenu par défaut. L'option "Texte brut" a été supprimée et toutes les infobulles existantes avec "Texte brut" ont été converties pour utiliser le générateur de contenu. Il n'y a aucun changement de fonctionnalité et aucun travail supplémentaire n'est requis de la part des clients.    - Le générateur de contenu est désormais accessible en tant que fenêtre flottante dans l'éditeur, sans entrer dans un "mode générateur de contenu" séparé. Vous pouvez faire glisser et déposer des éléments directement sur l'info-bulle et voir les résultats immédiatement.    - Le remplissage par défaut des info-bulles est passé de 20px à 15px4.4.5 - 14 juil. 2018    - Correction d'un bug lié à plusieurs infobulles contenant des éléments vidéo YouTube4.4.4 - 6 juillet 2018:    - Corrections de bugs mineurs4.4.3 - 5 juillet 2018:    - Correction d'un bug qui empêchait les calques de charger leur propre image    - Correction d'un bug qui empêchait les calques de fonctionner correctement lorsqu'un calque a été supprimé    - Correction d'un bug avec les styles de survol sur les icônes fontawesome    - Le menu de sélection d'étage fonctionne maintenant comme prévu dans Firefox    - Les vidéos s'arrêteront désormais de jouer lorsque l'info-bulle sera fermée    - Autres corrections de bugs mineurs4.4.2 - 9 mai 2018    - Correction de plusieurs bugs lors du changement d'étage    - Toutes les images du sol sont maintenant préchargées au chargement de la page    - Ajout de l'API JavaScript pour changer d'étage    - Ajout de l'API HTML pour changer d'étage    - Ajout des nouvelles fonctions API à la documentation4.4.1 - 12 avril 2018    - Correction d'un bug mineur4.4.0 - 10 avril 2018    - Nouvelle fonctionnalité - plusieurs étages.    - Corrections de bugs mineurs.4.3.1 - 15 février 2018    - Correction d'un bug qui empêchait parfois le défilement lorsque le curseur de la souris était sur l'image cliquable.4.3.0 - 6 février 2018    - Ajout de la fonctionnalité de zoom    - Vous pouvez maintenant dessiner du texte statique sur l'image    - Importer des SVG d'Illustrator vers Image Map Pro4.2.0 - 17 janvier 2018    - Remplacement de la bibliothèque d'icônes par FontAwesome!4.1.4 - 14 décembre 2017    - Prise en charge améliorée des shortcodes.    - Correction d'un bug qui empêchait les infobulles en plein écran de s'afficher correctement dans certaines conditions.4.1.3 - 8 décembre 2017    - Les caractères de nouvelle ligne ne seront plus remplacés par les balises HTML "br" dans les champs JS/CSS personnalisés, les shortcodes imprimés et le champ "exécuter le script". Par conséquent, si vous souhaitez avoir un saut de ligne dans le contenu de l'info-bulle, vous devrez insérer manuellement une balise "br".4.1.2 - 7 décembre 2017    - Lorsque les infobulles ne sont pas ouvertes, elles sont désormais complètement masquées, au lieu d'être "visuellement" masquées.    - Les nouvelles lignes dans le champ de texte pour l'action au clic du script d'exécution de la forme ne sont plus imprimées en tant qu'éléments HTML "br".    - Correction d'un problème où une certaine fonction de l'API renvoyait l'ID de la forme, au lieu de son titre.4.1.1 - 14 octobre 2017    - Ajout d'options pour désactiver des info-bulles spécifiques, en sélectionnant une forme et en allant dans Forme -> Paramètres des info-bulles -> Activer l'info-bulle.    - Ajout d'options pour désactiver toutes les info-bulles, en allant dans Image Map -> Tooltip -> Enable Tooltips.4.1.0 - 18 septembre 2017    Nouvelles fonctionnalités    - Formes connectées. Pour connecter des formes entre elles, sélectionnez une forme et ouvrez son onglet Paramètres généraux. Dans le menu "Connecté à la forme", sélectionnez une autre forme pour servir de forme "maître". Connectez autant de formes que vous le souhaitez à la forme "maître". De plus, vous pouvez choisir d'utiliser uniquement l'info-bulle du maître ou de conserver l'info-bulle d'origine pour chaque forme «esclave».    - Mise en évidence de plusieurs formes. Plusieurs formes peuvent être mises en évidence en même temps, en utilisant l'API du plugin. Notez que lorsqu'une forme est mise en surbrillance avec l'API, elle doit également être désélectionnée à l'aide de l'API. Une exception à cette règle est lorsque vous mettez en surbrillance des formes à l'aide de l'API HTML.    - Plusieurs info-bulles peuvent désormais être ouvertes avec l'API du plugin. Notez que lorsqu'une info-bulle est ouverte avec l'API, elle doit également être fermée à l'aide de l'API. Une exception à cette règle est lorsque vous mettez en surbrillance des formes à l'aide de l'API HTML.    - Ajout d'une action de clic "Exécuter le script".    - Code frontal optimisé.    Corrections de bugs et améliorations mineures    - Correction d'un crash pouvant survenir lors de l'importation d'une carte depuis la version WP du plugin.    - Le contrôle de forme Border Radius ne s'affiche plus pour les formes Ellipse.    - Suppression de la fonctionnalité d'initialisation tardive, car elle est obsolète depuis la version 4.0.    - Suppression du déclencheur d'action "Mouseover" de l'onglet Paramètres des actions.    - Ajout d'une option dans Paramètres d'image cliquable -> Info-bulles appelée "Afficher les info-bulles sur" pour spécifier s'il faut afficher les info-bulles au survol de la souris ou au clic.    - Amélioration considérable de la convivialité des info-bulles non collantes lorsqu'elles sont attachées à des polygones et qu'il y a d'autres polygones à côté. Les info-bulles sont plus intelligentes et devraient s'afficher et se cacher de manière plus intuitive. Il existe un nouveau paramètre, appelé "buffer", qui détermine la taille de l'espace tampon empêchant l'info-bulle de se cacher. Ce paramètre peut être modifié à partir de image-map-pro-defaults.js (recherchez "buffer").    Modifications de l'API    - $.imageMapProHideTooltip nécessite désormais un paramètre - titre de forme.    - $.imageMapProUnhighlightShape nécessite désormais un paramètre - titre de forme.    - $.imageMapProEventClosedTooltip renvoie désormais un paramètre supplémentaire - le titre de la forme.    - API JavaScript - Toutes les formes qui ont été mises en évidence à l'aide de l'API JS doivent également être désactivées avec l'API JS.    - API JavaScript - Toutes les infobulles qui ont été ouvertes à l'aide de l'API JS doivent également être fermées avec l'API JS.    - API HTML - Les formes mises en surbrillance avec l'API HTML au survol de la souris, deviennent automatiquement non surlignées lorsque vous quittez l'élément avec la souris.    - API HTML - Les info-bulles ouvertes avec l'API HTML au survol de la souris, se ferment automatiquement lorsque vous quittez l'élément avec la souris.    - API HTML - Les formes mises en surbrillance avec l'API HTML au clic peuvent ne plus être mises en surbrillance si vous cliquez sur un autre élément HTML, en utilisant l'attribut au clic pour désactiver une forme.    - API HTML - Les info-bulles ouvertes avec l'API HTML au clic, ne peuvent se fermer que si vous cliquez sur un autre élément HTML, en utilisant l'attribut au clic pour fermer une info-bulle.4.0.9 - 1er août 2017    - Corrections de bugs mineurs liés aux champs de saisie JS/CSS personnalisés.4.0.8 - 24 juillet 2017    - Ajout de champs de saisie dans l'éditeur pour le code CSS et JS personnalisé.4.0.7 - 16 juin 2017    - Correction d'un bug dans l'API qui entraînait l'envoi de données incorrectes.    - Les icônes de forme personnalisée s'afficheront désormais correctement avec leur taille personnalisée, au lieu des 44x44 pixels par défaut.4.0.6 - 14 juin 2017    - Correction d'un bug dans l'éditeur qui empêchait parfois l'éditeur de fonctionner dans Safari ou Firefox.4.0.5 - 12 juin 2017    - Correction d'un bug lié aux shortcodes et au code HTML dans les infobulles.4.0.4 - 9 juin 2017    - Modifications apportées à la structure des dossiers pour faciliter le débogage à partir du tableau de bord WP.4.0.3 - 28 mai 2017    - La carte-image passera désormais correctement en mode plein écran à partir du mode Aperçu dans l'éditeur.    - Correction d'un bug lié à l'activation.4.0.2 - 26 mai 2017    - Corrections de bugs mineurs.4.0.1 - 25 mai 2017    - Ajout d'une option pour centrer l'image cliquable sur la page.    - Lorsque l'image cliquable est en mode "responsive", elle n'utilisera plus la largeur et la hauteur précédemment définies depuis l'éditeur.    - Correction d'un bug avec la fonctionnalité "démarrer en plein écran".    - Ajout d'info-bulles pour afficher les raccourcis clavier pour le zoom.    - Correction d'un bug qui pouvait provoquer l'affichage d'une mauvaise image après la mise à jour.4.0.0 - 22 mai 2017    Nouvelles fonctionnalités    - Mises à jour et activation automatiques    - Zoom sur l'éditeur    - Tout en dessinant un rectangle ou un ovale, maintenez SHIFT pour verrouiller la largeur/hauteur    - Renommer les éléments de la liste    - Capacité plein écran (front-end)    - Paramètres par défaut pour les formes et les info-bulles (via un fichier .js externe)    - API basée sur HTML    - Ajout d'une option pour conserver la taille de l'image d'origine, ainsi que la réactivité    - Le plugin utilise désormais des sessions PHP pour charger uniquement les images cliquables incluses sur une page    - Documentation améliorée    Corrections de bugs    - La visite ne s'affiche plus s'il existe une carte-image déjà créée    - (Amélioration) Ajout d'une notification pour cliquer sur le premier point lors du dessin d'un polygone    - Prise en charge complète des codes abrégés dans le contenu de l'info-bulle    - Prise en charge complète du code HTML dans le contenu de l'info-bulle    - Les caractères spéciaux dans le nom d'une image cliquable n'empêchent plus le chargement de la liste des cartes enregistrées    - Correction de problèmes mineurs sur les appareils mobiles    - Amélioration de la précision du point "fantôme" lors de l'édition d'une forme    - L'éditeur n'utilise plus de nombres aléatoires pour les identifiants de forme    - Les spots ont désormais une taille minimale de 44x44 pixels    - Si une info-bulle en plein écran est ouverte, le site Web derrière elle ne peut plus défiler    - Diverses corrections mineures

Acheter maintenant

20 thoughts on “Image Map Pro pour WordPress – Générateur de cartes SVG”

  1. I used custom map to show some archeological sites in my web. The map is responsive but not the tooltip icon, so when seen on mobile, the map is blocked by crowd of tool tip icons. Can’t the tooltip icon looked smaller following the small map in mobile?

  2. Hi,

    This is intended. By default, the icons are about 40×40 pixels, which is the minimum size for a good user experience. Any smaller than that and the icons will be too small to be practical.

    Regards

  3. Hi,

    Not with the Editor alone, but if you use the plugin’s API you can make whatever you want to happen on mouseover. The API is documented.

    Otherwise, from the editor you can customize only CSS properties like color, opacity, border, etc.

    Cheers

  4. mohammed_burhani

    Hi,
    I need to create an interative & personalized landing page for specific prospects similar to this website: http://cktsecurity.com/

    If you visit this website, you will notice that clicking on the various papers images etc on the desk open a popup with the actual content.

    Would it be possible to create something similar (popup with content when clicking on a defined area / shape) using your plugin?

    EXAMPLE SITES :
    1) http://why-did-you-send-me-a-duck.pleasereview.info/
    2) http://cktsecurity.com/

  5. mohammed_burhani

    Hi, Thanks for your response. Would you be able to recommend any freelancer on Fiverr etc who can help me implement this functionality?

    I basically want to create personalized landing pages for each client/prospect with the ability to display documents, videos, audio etc in a popup windows when someone clicks that shape in the background image as per the examples shared earlier.

    Thanks

  6. Hi,

    If you mean the map located in the section “ANGEBOT”: By using Image Map Pro, you can outline different shapes/elements from an image and relate them to a list (rows of a table) which is placed out of the image map. When you mouseover an element from the list/table, an element of the map will be highlighted. It can be done using the API of the plugin – please, see the documentation of the plugin (more specifically the “Simple Example 2”): https://webcraftplugins.com/image-map-pro/uploads/documentation/wordpress/index.html

    Regarding the moving effect (animation) of the elements in the map when a row from the table is mouseover: It can’t be done using Image Map Pro.

    Regards

  7. Hi,

    Yes, you can add additional content by inserting shortcodes directly in the content of the Tooltip using the Content Builder.

    Best Regards

  8. Hello guys, is there a way to enlarge the icons in the library? I tried to upload bigger custom icons but I can’t see any difference.
    Thank you for your help

  9. Hello,

    You can set/change the size of the icons from the menu “Selected Shape Settings” -> section “General” -> you can set Width and Height in pixels.

    If you have any further questions, please, submit a ticket to me using our support system: https://webcraftplugins.com/support/

    Best Regards

Leave a Comment

Your email address will not be published. Required fields are marked *