Insertar un Mapa de Google Maps en el Formulario de Contacto de PrestaShop

Categorias: PrestaShop, Tutoriales

Disponer hoy en día de un mapa de Google Maps en nuestro Formulario de Contacto es vital, sobretodo si tenemos una tienda PrestaShop, ya que gracias a ello nuestros clientes podrán comprobar que existimos de verdad y seguro que les trasmite mucho más confianza a la hora de adquirir alguno de los productos que ofertamos.


 


 

En el artículo que os hemos preparado para hoy vamos a centrarno en:

¿Cómo insertar un mapa de Google Maps en el Formulario de Contacto de PrestaShop?

El servicio de mapas de Google permite mediante su servicio de mapas que podamos usar un código para insertar en nuestros site la ubicación geográfica que queramos, por ello accedemos a Google Maps y buscamos una dirección cualquiera en la barra de búsqueda, por ejemplo, la nuestra.

Una vez buscada nuestra geolocalización, en la parte de la izquierda de Google Maps hay una opción que pone "Share" o lo que es lo mismo "compartir". Si clikeamos sobre la misma obtendremos el link del mapa en si para compartir con quien queramos, así como también la opción de "Embed o Insertar Mapa" que nos facilitará el código que andabamos buscando. De hecho, el propio Google Maps da la opción de elegir el tamaño (Pequeño, Mediano y Grande).

En nuestro caso, el Mapa a insertar sería el siguiente:

Ahora nos quedaría insertar el código obtenido en el formulario de contacto de PrestaShop, sin embargo, puede que nos encontremos con un problema y es que por defecto PrestaShop NO permite introducir un iframe en los contenidos. Muestra el siguiente error al guardar: “El campo content no es válido”. Por lo que para poder poner el código en cuestión sin que nos de problemas tenemos que habilitar dicha opción.

Activar iframe en PrestaShop

Para activar la opción de poder usar un iframe en PrestaShop hay que dirigirse al panel de administración (backoffice) y en su menú lateral izquierdo localizar la sección de preferencias (1). Al hacer click con el botón izquierdo del ratón sobre preferencias nos saldrá la página de configuración bajo la cual tendremos que buscar el parámetro "Permite iframes en los campos HTML (2)" y activarlo. Recordemos que dicho parámetro está deshabilitado por defecto (marcado con un NO. Tiene que quedar marcado con el SI).

Tras activar dicho parámetro marcado el Si y hacer click en el disquet de guardar (ubicado en la parte inferior derecha), entonces ya podremos poner el código que nos facilito Google Maps en nuestro formulario de contacto para mostrar nuestra ubicación.

Para ello es necesario acceder a los archivos del theme que estemos usando actualmente (lo podemos hacer a través de nuestro cPanel o mediante FTP), buscar el archivo contact-form.tpl del theme, darle editar y después insertar el código de Google Maps en la línea 30 de código aproximadamente o donde queramos, tal y como muestra la siguiente imagen:

Recordamos que el código se debe poner como tal, es decir, como código, por lo que por ejemplo en el administrador de archivos de cPanel hay que usar la opción de "utilice el editor de código", fuera de dicha opción el código no funcionará. Por defecto al editar un archivo este se edita con el editor de texto y no con el de código.


 


Hosting PrestaShop de Calidad con Hostinet

En Hostinet podemos ofrecerte un Hosting PrestaShop de calidad para tu tienda online a un precio muy ecónomico. Por mucho menos de lo que piensas; ¡desde tan solo 13,26 €uros al mes! Y si lo contratas por más de 1 año te saldrá mucho mucho mucho más barato todavía: 1 año = 159,20€ / 2 años = 298,50€ / 3 años = 417,90€

Desde Hostinet trabajamos desde hace más de 14 años con servidores ubicados en España; ofreciendo un precio de calidad, una seguridad impenetrable y una confianza a todos nuestros clientes incomparable.

SEGURIDAD + CONFIANZA + PRECIO + EXPERIENCIA DE 14 AÑOS = HOSTINET