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, por ejemplo:

Lo podéis bajar de la web de Vekia:

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

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 la siguiente dirección:

  •  https://translate.google.com/manager/website/?hl=es

Pulsamos el botón de “Añadir a tu sitio web ahora

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

Indicamos la dirección web de la tienda y el idioma original (por defecto).

Rellenar dirección web para aplicar Google Traductor
Rellenar dirección web para aplicar Google Traductor

Último paso antes de obtener el código para poder integrar Google Translate (Google Traductor) 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
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

Continúa leyendo Integrar Google traductor en Prestashop 1.7