Este plugin te permite añadir una pestaña en la ficha de producto con un mapa de Google Maps, personalizando una ubicación, además de añadirle otro contenido antes o después del mapa.
Es especialmente útil en webs para inmobiliarias, alquiler de apartamentos o de pisos turísticos, y cualquier otra tienda hecha con WooCommerce que tenga que indicar una localización del producto ofertado, que se mostrará en una pestaña de la ficha del producto.
Descarga con seis meses de soporte – 6,90€
Descarga con soporte continuado – 6,90€/año
Google Map personalizado en una pestaña de la página de producto
Al activar el plugin tendrás una nueva sección de ajustes en WooCommerce > Ajustes > Productos > Pestaña de Google Maps (ver captura en la galería de imágenes), donde podrás establecer los ajustes por defecto para todos los mapas, aunque en cada ficha de producto podrás establecer ajustes diferentes para cada mapa:
- Clave API de Google Maps. Para incrustar mapas de Google Maps en tu web necesitas una clave API; obtenerla es gratuito (sólo necesitas una cuenta de Google, por ejemplo de Gmail) y muy sencillo. En el vídeo de más abajo puedes ver cómo.
- Nombre que mostrará la pestaña del mapa en la página de producto.
- Posición en la que se mostrará la pestaña:
- La primera
- Tras la pestaña Descripción
- La última
- Nivel de zoom inicial con que se mostrará el mapa en la pantalla de producto. El rango permitido por Google está entre 3 (vista del mapamundi completo) y 21 (mayor grado de detalle posible, a nivel de edificio).
- Altura por defecto del mapa incrustado, en píxels (por defecto, el mapa ocupará un 100% del ancho disponible para la pestaña)
Las opciones del mapa en la ficha de producto
Además de las opciones generales, en la página de edición del producto encontrarás las opciones específicas para cada uno de los productos, donde podrás establecer el lugar marcado en el mapa, así como añadir contenido adicional a la pestaña y establecer valores específicos para ese mapa, diferentes a los establecidos por defecto:
- Posición del marcador, que puedes establecer directamente clicando sobre un mapa, o buscando la dirección.
- Nivel de zoom que tendrá el mapa en la ficha de producto, que por defecto será establecido en las opciones generales, pero que puedes personalizar para cada mapa completo mediante un control deslizante.
- Altura del mapa, en píxels, para el mapa, que por defecto será la establecida en las opciones generales.
- Puedes añadir contenido personalizado a través de un editor visual (como el que tienes en las entradas de WordPress) que también soporta shortcodes, que se mostrará en la pestaña del mapa. Puedes añadir este contenido antes o después del mapa.
Puedes ver las capturas en la galería de imágenes, y verlas en uso en el vídeo.
Descarga con seis meses de soporte – 6,90€
Descarga con soporte continuado – 6,90€/año
Galería de imágenes
Vídeo: insertar un mapa de localización en una pestaña del producto en WooCommerce
En este vídeo puedes ver cómo generar la clave API para Google Maps y ver lo fácil que es insertar mapas de Google en una pestaña de la ficha de producto:
El plugin Añadir un Google Map a una pestaña del producto en WooCommerce incluye las siguientes características:
- Compatible con WordPress 6.2
- Compatible con WooCommerce 7.7
- Preparado para traducciones y compatible con WPML para webs multilingües
- Incluye actualizaciones automáticas para siempre
- Incluye mi soporte personal para cualquier tema relacionado con su instalación y funcionamiento
- Se puede pagar mediante PayPal o, a través de esta pasarela, con tarjeta de crédito/débito
- Este plugin cuenta con garantía de reembolso 30 días
Puedes conseguir este plugin, junto al resto de los 103 plugins a la venta en esta web, y los que vaya añadiendo, con tu membresía anual [+info]
Cómo instalar el plugin una vez descargado
Instalar un plugin premium es muy sencillo. Sólo tienes que ir a Plugins > Añadir nuevo y pulsar el enlace Subir plugin (3) de la parte superior.
En el cuadro de selección que aparece (4) seleccionas el archivo ZIP que has descargado y pulsas el botón Instalar ahora (5). Después sólo tienes que activarlo como cualquier otro plugin.
