Integrar Google traductor en Prestashop 1.7

Vamos a usar el famoso htmlbox de Vekia que hemos usado varias veces en el pasado para otras guías como: Insertar código Qweb, Insertar Información del tiempo, etc..

Lo podéis bajar de la web de Vekiahttps://mypresta.eu/modules/front-office-features/html-box.html (Enlace alternativo (PS 1.6/1.7) solo en caso de que falle el enlace original en algún momento, recordar que en el enlace original es donde tenéis el módulo actualizado para futuras versiones (y variantes) de Prestashop )

¿Dónde vamos a colocar el bloque de Google Traductor?

En la columna izquierda de la tienda.

Google Traductor en la Columna Izquierda de Prestashop 1.7

¿Cómo hacemos la instalación?

Realizamos la subida/instalación del módulo, como es habitual desde la pestaña módulos -> módulo

¿Cómo configuramos el módulo para insertar el código de Google Traductor?

Nos vamos a esta web: https://translate.google.com/manager/website/?hl=es

Obtener código de Google traductor para pegarlo en Prestashop 1.7

Proceso para obtener el código de Google Traductor para luego insertarlo en Prestashop

Último paso antes de obtener el código de Google traductor para poder integrarlo en Prestashop 1.7

En este último paso, tenemos las siguientes opciones:

  • Mostrar todos los idiomas o lo que nosotros queramos (Idiomas de traducción)
  • Cambiar el modo de presentación del Widget
  • Opciones Avanzados, como la integración con Google Analytics, que el widget se muestre automáticamente a los usuarios que entran a tu tienda que hablan un idioma distinto al de la tienda.

Pulsamos en “Obtener código

Obtener código de Google Traductor

Hemos obtenido el siguiente código:

Código preparado para insertar en Prestashop 1.7

¿Dónde pego ese código?

Lo primero que vamos hacer es desactivar la opción “html purifier” en la pestaña Parámetros de la tienda -> Configuración

Desactivar html purifier en Prestashop 1.7

Lo segundo es que nos vamos a la configuración del módulo en la pestaña módulos -> módulos

Y en su configuración: (Pulsamos en “Rich text editor: off“)

Desactivar editor gráfico en Prestashop 1.7 en la configuración del módulo htmlbox

Sigue leyendo