Google maps de fondo en el formulario de contacto en Prestashop

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.

Subimos e instalamos el módulo desde la pestaña Módulos -> Módulos (como es habitual).

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

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

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

Y pulsamos donde dice “Get A KEY“

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

Pulsamos en “Aceptar y Continuar” (hemos seleccionado 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”

Por ejemplo, podemos restringir 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:

Esa clave la pegamos en la parte de 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“)

Hablando de textos, otra opción a configurar 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 la tienda?

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 Prestashop 1.6.

Desarrollador del módulo: jason_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.