Instalar la traducción automática Linguise en PrestaShop

Tabla de Contenidos

Requisitos técnicos PrestaShop

La traducción automática neuronal que se utilizará con PrestaShop requerirá el uso del script PHP (que puede descargarse a continuación). Para instalar el Linguise , necesitará los siguientes requisitos:

  • Ejecutar PHP 8+
  • Servidor Apache, LiteSpeed, NGINX e IIS
  • Activar la reescritura de URL a través de la configuración PrestaShop

Cómo instalar la traducción PrestaShop

1. Generar la clave API

Tras conectarte a tu Linguise panel de control primero tendrás que configurar un nuevo dominio y guardar su configuración para obtener la clave API.

La clave API es necesaria para activar la traducción en tu sitio web PrestaShop . Básicamente, la clave API comprobará qué idioma está activado en qué dominio y permitirá generar las páginas de traducción neuronal.

Copie la clave API y guárdela en su portapapeles.

Paso 2 de 2, listo. ¡Ya puedes empezar a traducir!

Luego, haciendo clic en la pestaña “Script PHP”, obtendrá las instrucciones de instalación que seguiremos aquí en detalle.

Una captura de pantalla de las instrucciones de instalación de un complemento WordPress , que muestra los pasos para instalar una prueba social en un sitio web.

2. Cargue y conecte el script de traducción Linguise

El script de traducción Linguise debe cargarse en el servidor donde está instalado PrestaShop :

Después de descargar el script, descomprímalo y cárguelo en la carpeta raíz donde está instalado el CMS.

  • Asegúrate de que esté en el directorio raíz de tu sitio web (donde PrestaShop se encuentran los archivos
  • Asegúrese de que la carpeta conserve su nombre predeterminado “linguise”.
Listado de directorios de un sistema de archivos con carpetas

¿Cómo acceder a la interfaz de script Linguise ?

Después de completar la Linguise , puede acceder al panel de control visitando su sitio web con el siguiente formato de URL
https://www.domain.com/linguiselinguise

Cambie la dirección de dominio según la dirección de su sitio web*
Asegúrese de que Linguise tenga los permisos de lectura y escritura adecuados*

Configurar contraseña y conexión a la base de datos

Una vez que acceda a la interfaz del script, se le presentará una pantalla de configuración donde podrá crear una contraseña y conectarse a su base de datos preferida.

Puede:

  • Establezca una contraseña que será necesaria para acceder en el futuro a esta interfaz.
  • Elija su tipo de base de datos: MySQL o SQLite, según su configuración y preferencia.

Esta configuración inicial garantiza un acceso seguro y le permite configurar el script según su entorno.

Conexión a la base de datos MySQL

Si elige MySQL, aparecerá una interfaz diferente que le solicitará los siguientes detalles de conexión de los campos de configuración de MySQL a continuación:

Asegúrese de que la información sea correcta para establecer una conexión exitosa a su base de datos MySQL. 

MySQL vs SQLite: ¿Cuál es la diferencia?
Tanto MySQL como SQLite son sistemas de bases de datos populares que se utilizan para almacenar y gestionar datos en sitios web y aplicaciones. Sin embargo, están diseñados para casos de uso diferentes y presentan algunas diferencias clave:

CaracterísticaSQLiteMySQL
ConfiguraciónMuy fácil (requiere instalación de SQLite)Requiere configuración del servidor
AlmacenamientoFila indiaAdministrado por el servidor MySQL
RendimientoIdeal para aplicaciones a pequeña escalaMejor para sistemas grandes y de alto tráfico
Caso de usoAplicaciones locales, pruebas, sitios pequeñosAplicaciones web, comercio electrónico, sistemas empresariales

Interfaz de script Linguise : configuración para la plataforma PHP

El panel de traducción de Linguise , anteriormente disponible solo para Joomla y WordPress, ahora es compatible con PHP y otras plataformas. Esta actualización permite a los usuarios configurar fácilmente los ajustes de idioma (como las opciones de visualización, los estilos de banderas y la personalización de la apariencia) directamente desde una interfaz unificada, independientemente de su CMS o framework.

interfaz API

Los administradores pueden gestionar la configuración Linguise de forma más eficiente, con funciones consistentes como ventanas emergentes de selección de idioma, efectos de sombra y variantes de banderas específicas para cada región. El panel de control conserva su diseño intuitivo y ofrece una mayor compatibilidad con diversos entornos web.

interfaz de visualización
interfaz de apariencia
Entendemos que la configuración de URL y el selector de idioma son un poco complejos, pero ¡buenas noticias! Ofrecemos instalación gratuita

3. Configurar las URL de idioma

La reescritura de URL suele estar activada por defecto en PrestaShop con fines SEO. Si no es así, puedes encontrar la configuración en Parámetros de la tienda > Tráfico y SEO > URL amigables. Encontrarás más información en la oficial PrestaShop documentación

Página de configuración de la autenticación de dos factores. Habilite la autenticación de dos factores para mayor seguridad.

La URL por idioma debe configurarse en el archivo .htaccess. Simplemente copie este código después del código RewriteEngine ondisponible en el archivo .htaccess predeterminado PrestaShop :

				
					<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>
				
			

Finalmente, tu PrestaShop .htaccess debería verse así:

Código PHP con mensaje de error en pantalla
Entendemos que la configuración de URL y el selector de idioma son un poco complejos, pero ¡buenas noticias! Ofrecemos instalación gratuita

4. Activar el selector de idioma

Ahora puedes cargar todas tus páginas traducidas usando la URL, por ejemplo: www.shop.com/fr/

Captura de pantalla de un sitio web con un bloque de texto personalizado

El selector de idioma es la ventana emergente que permite seleccionar el idioma deseado. Para cargarlo, deberá copiar el código que aparece al final de la configuración del sitio web en la sección <head> de su página HTML. El selector de idioma se cargará automáticamente.

Banner de consentimiento de cookies en un sitio web

Debe cargarse en el encabezado de tu página, en Prestashop puedes copiar el código en: …/themes/your-theme/templates/_partials/head.tpl

El selector de idioma se mostrará por defecto en una posición flotante en la esquina superior derecha de tu sitio web. Puedes personalizarlo como desees con CSS.

Un menú desplegable para seleccionar los idiomas de un sitio web. Los idiomas disponibles incluyen inglés, alemán, griego, español, francés, japonés, neerlandés, ruso y chino.

Nota importante sobre SEO: La cantidad de idiomas que configures influye considerablemente en el posicionamiento SEO. Si tienes muchas páginas indexadas (>500) al configurar los idiomas de traducción, el motor de búsqueda puede tardar mucho en procesarlas, lo que podría afectar tu posicionamiento en el idioma original. Por eso, recomendamos añadir inicialmente un máximo de 5 idiomas y, una vez indexados, añadirlos de 3 en 3 al mes.

Configurar el selector de idioma

El selector de idioma se puede personalizar desde el Linguise > Ajustes > Visualización de indicadores de idioma. Todos los cambios realizados aquí se reflejarán en el sitio web.

Una captura de pantalla que muestra un menú desplegable para seleccionar la configuración de idioma con opciones para inglés.

En el lado derecho de la pantalla, tienes la vista previa del selector de idiomas. Aquí tienes los elementos que puedes configurar:

  • 3 diseños: lado a lado, desplegable o emergente
  • La posición del selector de idioma
  • El contenido del selector de idioma
  • Nombres de idiomas en inglés o lengua materna
  • Formas y tamaño de banderas
  • Colores y sombras de caja

Cargar el selector de idioma en el contenido PrestaShop

posición de la bandera en su lugar

Para mostrar el selector de idioma en la ubicación específica del contenido del CMS, seleccione la opción "En lugar de". 
Una vez configurada la posición en el Linguise , puede añadir el siguiente código corto para incluirlo. Haga clic en el código para copiarlo al portapapeles.

				
					<div>&#091;linguise&#093;</div>
				
			

Una vez agregado, en el frontend tendrás los nombres de las banderas y los idiomas mostrados en el área HTML donde has agregado el código.

Activar el sistema de caché local

Como opción, puede activar un sistema de caché local que almacena las URL y su contenido multilingüe para agilizar el servicio de las páginas. La caché local ahorrará parte de la transferencia de datos entre el servidor Linguise y el servidor de su sitio web. La caché solo se utiliza cuando una página ya se ha traducido y no se ha actualizado. La caché prioritaria será la de las páginas multilingües más visitadas.

Ejemplo de código de configuración de traducción Laravel . Configuración para configurar las traducciones.

Como opción, puede definir la cantidad de caché almacenada en MB. En el siguiente ejemplo, la caché está activada y la cantidad de caché a conservar es de 500 MB:

				
					    /** Basic configuration **/
    public $cache_enabled = true;
    public $cache_max_size = 500; // In megabyte
				
			

Traducción automática en servidores IIS de Windows

Añade la línea correspondiente a tu creador de sitios web en tu archivo Web.config.
Debe configurarse antes de cualquier otra redirección, especialmente la redirección a tu archivo principal de PHP:

				
					<rule name="Linguise" stopProcessing="true">
<match url="^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$" ignoreCase="false" />
        <conditions logicalGrouping="MatchAll" trackAllCaptures="false" />
            <action type="Rewrite" url="linguise/linguise.php?linguise_language={R:1}&amp;original_url={R:2}" appendQueryString="true" />
</rule>
				
			

Traducción automática en servidores NGINX

Agregue la línea correspondiente a su CMS en su bloque de configuración del servidor NGINX.
Debe configurarse antes de cualquier otra redirección, especialmente la redirección en el archivo principal de PHP.
				
					rewrite ^/(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ /linguise/linguise.php?linguise_language=$1&original_url=$2 last;