Saltar al contenido

¿Cómo crear un mapa de imagen en WordPress?

19/02/2021

¿Cuál es el uso de Image Map? Como sabes, el potente editor de WordPress ofrece la posibilidad de insertar en un artículo imágenes simples pero también imágenes en las que se puede hacer clic, es decir, imágenes que tienen un enlace que lleva al visitante a una página web.

El problema es que solo puedes asignar una URL por imagen , por lo tanto y por razones muy específicas, si deseas asignar múltiples hotspots en la misma imagen , entonces tendrás que usar las características y múltiples posibilidades de un Mapa de Imagen como:

  • crear un mapa de Francia cuyos departamentos estén delimitados y en los que se pueda hacer clic,
  • detalle una foto de moda donde cada artículo se puede agregar a la canasta,
  • hacer un plan arquitectónico interactivo,
  • etc …

La codificación «hecha a mano» de estas imágenes de mapas es bastante tediosa y el catálogo de plugins gratuitos que ofrece WordPress es bastante limitado en esta categoría, he seleccionado para usted los mejores plugins premium del mercado.

 

Mapplic

Mapplic es sin duda el más vendido de plugins en su categoría con más de 3200 ventas. Le permite crear imágenes en las que se puede hacer clic optimizadas para dispositivos móviles y con capacidad de respuesta mientras importa su propio archivo (admite archivos .jpg, .png o .svg) o mediante el uso de una de las imágenes preincrustadas.

Entre todas sus características, podemos mencionar la colocación de marcadores y enlaces ilimitados con URL e imágenes personalizadas. Está disponible a un precio de 25 €.

VER EL PLUGIN

ImageMap Pro

ImageMap Pro le permite crear mapas o imágenes sensibles y optimizados para dispositivos móviles (función «táctil»). Su ventaja es sin duda la selección, desde el editor, de áreas en las que se puede hacer clic de acuerdo con formas predefinidas (rectángulo, redondo, polígono) o personalizables (utilizando la herramienta de lápiz en el espíritu de Photoshop).

Los clics, el mouse sobre y las animaciones son totalmente configurables. Ofrece casi 150 iconos para elegir para ilustrar tus pines y está disponible por solo 19 €.


VER EL PLUGIN

MapSVG

¡Disponible a un precio de 35 €, Map SVG es el plugin más caro de esta selección! La razón ? Quizás porque viene con más de 100 mapas geográficos precalibrados y ofrece la posibilidad de agregar sus propios marcadores de latitud y longitud… Dependiendo de las necesidades de su sitio, estas imágenes integradas estarán disponibles para usted. ‘Gran utilidad.

Además de mapas geográficos, MapSVG ofrece la configuración de planos arquitectónicos, planos de aldea o cualquier archivo en formato .SVG. Desde el back office, también puede personalizar colores, hacer clic en opciones y animaciones de desplazamiento del mouse.


VER EL PLUGIN

iMapper

iMapper es un plugin para crear imágenes de mapas totalmente receptivas. Las opciones de configuración son bastante avanzadas ya que es posible colocar un marcador en un solo punto o en un área definida, abrir una ventana emergente con tablas selectivas, crear un mapa geográfico o clasificar el contenido según categorías definidas.

Para ir más allá en la personalización, ofrece la opción de fuentes en el catálogo de fuentes de Google, la elección de colores, la adición de etiquetas HTML y la importación de sus propios pines. Este plugin, disponible a un precio de 19 €, también se puede utilizar para la descripción detallada de productos en un catálogo o para fijar lugares en un mapa.


VER EL PLUGIN

WooMapper

Con cerca de 200 ventas, WooMapper ciertamente no es el “favorito” de la plataforma, pero ciertamente lo es porque satisface necesidades muy específicas: ¡la asociación de comercio electrónico incrustada en una imagen interactiva! No todos los sitios de venta online requieren este tipo de tecnología, ¡pero aporta un valor añadido real!

Totalmente compatible con WooCommerce, este plugin le permite vincular los productos de su tienda y ofrece al visitante agregarlos al carrito con solo un clic. Totalmente configurable, WooMapper ofrece elegir entre sus 24 pines diferentes o importar su propio diseño, el uso de múltiples pines en la misma imagen, el color y la transparencia, la adición de bordes y todo en una versión responsive para s ‘adaptarse a cualquier pantalla. Ideal para agregar funciones potentes a una tienda en línea, este plugin premium está disponible por 20 €.


VER EL PLUGIN

La elección del autor

¡Cada plugin en esta selección se defiende y se distingue por algunas diferencias funcionales para finalmente crear un Mapa de imagen! Entonces, si sus necesidades no son muy específicas, le recomiendo el plugin ImageMap Pro, que tiene una excelente relación calidad-precio.

Por otro lado, si quieres ofrecerte el lujo de hacer que el “lookbook” de tu tienda online sea completamente accesible , WooMapper es el plugin que necesitas y su originalidad sin duda hará que tus visitantes se rompan.