Google maps de fondo en el formulario de contacto en Prestashop 1.6

Desde la Comunidad, nos traen un módulo que “sitúa” de fondo, el mapa de google maps en el formulario de contacto de Prestashop 1.6

Una vez subido el módulo desde la pestaña Módulos -> Módulos (como es habitual).

Instalado el módulo, vemos que nos ofrece las siguientes opciones de configuración:

Opciones de configuración del módulo

Opciones de configuración del módulo

Para obtener la “API” que nos piden en la primera opción de configuración

API key de Google Maps en Prestashop

API key de Google Maps en Prestashop

Tenemos que ir a: https://developers.google.com/maps/documentation/javascript/get-api-key

Y pulsamos donde dice “Get A KEY”

Obtener la clave de la API

Obtener la clave de la API

Una vez hemos pulsado en “GET A KEY”, veremos la siguiente pantalla:

Pulsamos en Aceptar y Continuar (Hemos señalado que aceptamos las condiciones, pero que no nos envíen publicidad)

Y en las siguientes pantallas podemos generar la “Clave” para colocar en la casilla que hemos mencionado antes.

Pulsamos en “Crea una clave de API”

Creación API Google Maps - Prestashop

Creación API Google Maps – Prestashop

Podemos restringir por ejemplo para que la clave sea usada solo en vuestra dirección web ) (Esta decisión ya depende de vosotros)

Ahora pulsamos en “Crear” y nos dará la clave en cuestión:

Copiar clave de la API

Copiar clave de la API

Esa clave la pegamos en la parte de configuración del módulo:

Pegando la clave en la configuración del módulo

Pegando la clave en la configuración del módulo

El resto de opciones que nos ofrece el módulo, son para configurar la localización del mapa (Latitud, Longitud).

También podemos definir el texto que aparece donde vemos “Test Diseno”. (Se define en la casilla “Map Marker Infobox description“)

Definir titulo de la localización

Definir titulo de la localización

Titulo localización

Titulo localización

Otra opción a configurar hablando de textos, es el texto que aparece cuando pasamos el ratón sobre el icono de localización.

Este texto, lo podemos configurar en la casilla: Map Marker title

¿Cómo se ve el módulo en nuestra tienda Prestashop 1.6?

Ver Google Maps en el formulario de contacto de Prestashop

Ver Google Maps en el formulario de contacto de Prestashop

Es un repaso muy rápido al módulo, lógicamente faltan opciones que repasar, pero con que sepáis generar la API, luego colocar la longitud y latitud correcta, y el nombre de la descripción que queréis que aparezca es suficiente.

Está probado en la versión 1.6 de Prestashop )

Desarrollador del módulojason_hee

  • https://www.prestashop.com/forums/topic/579631-free-module-contact-form-with-google-map-background/
  • https://github.com/jasonheecs/prestashop-contact-form-google-map
  • Solo si fallan los dos enlaces, usar el enlace alternativo de descarga, y recordar el alternativo es siempre una versión antigua del módulo.
Print Friendly
Hosting Prestashop

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *