Instale a tradução automática Linguise no PrestaShop

Índice

Requisitos técnicos PrestaShop

A tradução automática neural para uso com PrestaShop requer o script PHP (disponível para download abaixo). Para instalar o Linguise , você precisará dos seguintes requisitos:

  • Execute PHP 8+
  • Apache, LiteSpeed, NGINX, servidor IIS
  • Ative a reescrita de URLs através da configuração PrestaShop

Como instalar a tradução PrestaShop

1. Gere a chave API

Depois de se conectar ao seu painel Linguise , você precisará configurar um novo domínio primeiro e salvar suas configurações para obter a chave de API.

A chave de API é necessária para ativar a tradução no seu site PrestaShop . Basicamente, a chave de API verifica qual idioma está ativado em qual domínio e permite que as páginas de tradução neural sejam geradas.

Copie a chave API e mantenha-a na área de transferência.

Passo 2 de 2, concluído. Você pode começar a traduzir!

Então clicando na aba “Script PHP” você terá as instruções de instalação que seguiremos aqui detalhadamente.

Uma captura de tela das instruções de instalação de um plugin WordPress , mostrando etapas para instalar a prova social em um site.

2. Carregue e conecte o script de tradução Linguise

O script de tradução Linguise precisa ser carregado no servidor onde PrestaShop está instalado:

Após o download do script, descompacte-o e carregue-o na pasta raiz onde o CMS está instalado.

  • Certifique-se de que esteja no nível raiz do seu site (onde seus PrestaShop estão localizados).
  • Certifique-se de que a pasta mantenha seu nome padrão linguise
Listagem de diretórios de um sistema de arquivos com pastas

Como acessar a interface de script Linguise ?

Depois de concluir a Linguise , você pode acessar o painel visitando seu site com o seguinte formato de URL:
https://www.domain.com/ linguise

Altere o endereço do domínio de acordo com o endereço do seu site*
Garanta que Linguise tenha permissão de leitura e gravação adequada*

Configuração de senha e conexão com o banco de dados

Depois de acessar a interface de script, você receberá uma tela de configuração, onde pode criar uma senha e conectar -se ao seu banco de dados preferido.

Você pode:

  • Defina uma senha, que será necessária para acesso futuro a esta interface.
  • Escolha o seu tipo de banco de dados - MySQL ou SQLITE, dependendo da sua configuração e preferência.

Essa configuração inicial garante acesso seguro e permite configurar o script de acordo com o seu ambiente.

Conexão do banco de dados MySQL

Se você escolher o MySQL, uma interface diferente aparecerá solicitando os seguintes detalhes da conexão dos campos de configuração do MySQL abaixo:

Verifique se as informações estão corretas para estabelecer uma conexão bem -sucedida com o seu banco de dados MySQL. 

MySQL vs Sqlite - Qual é a diferença?
Tanto o MySQL quanto o SQLite são sistemas populares de banco de dados usados ​​para armazenar e gerenciar dados para sites e aplicativos. No entanto, eles são projetados para diferentes casos de uso e têm algumas diferenças importantes:

RecursoSqliteMysql
ConfigurarMuito fácil (instalação sqlite necessária)Requer configuração do servidor
ArmazenamentoArquivo únicoGerenciado pelo MySQL Server
DesempenhoÓtimo para aplicativos de pequena escalaMelhor para sistemas grandes e de alto tráfego
Caso de usoAplicativos locais, testes, pequenos sitesAplicativos da Web, comércio eletrônico, sistemas corporativos

Interface de script Linguise : configuração para plataforma php

O painel de tradução Linguise , anteriormente disponível apenas para Joomla e WordPress, agora estende o suporte a PHP e plataformas adicionais. Esta atualização permite que os usuários definam perfeitamente as configurações de linguagem - como opções de exibição, estilos de sinalização e personalização da aparência - diretamente de uma interface unificada, independentemente de seu CMS ou estrutura.

interface da API

Os administradores podem gerenciar configurações Linguise com mais eficiência, com recursos consistentes, como pop-ups de seleção de idiomas, efeitos de sombra e variantes de opções de sinalizador específicas da região. O painel mantém seu design fácil de usar, oferecendo compatibilidade mais ampla para diversos ambientes da Web.

Exibir interface
interface de aparência
ENTENDEMOS QUE A CONFIGURAÇÃO DE URLS E O INTERRUPTOR DE IDIOMA SÃO UM POUCO TÉCNICOS DE CONFIGURAR; MAS BOAS NOTÍCIAS! OFERECEMOS INSTALAÇÃO GRATUITA

3. Configure os URLs do idioma

A reescrita de URLs geralmente está ativada por padrão no PrestaShop para fins de SEO. Caso contrário, você pode encontrar a configuração em Configurações da Loja > Tráfego e SEO > URLs amigáveis. Mais informações na documentação oficial PrestaShop

Página de configurações de autenticação de dois fatores. Ative a autenticação de dois fatores para maior segurança.

A URL por idioma precisa ser configurada no arquivo .htaccess. Basta copiar este código após o código RewriteEngine on , disponível na configuração padrão PrestaShop .htaccess:

				
					<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>
				
			

Por fim, seu arquivo .htaccess PrestaShop deve ter uma aparência semelhante a esta:

Código PHP com mensagem de erro na tela
ENTENDEMOS QUE A CONFIGURAÇÃO DE URLS E O INTERRUPTOR DE IDIOMA SÃO UM POUCO TÉCNICOS DE CONFIGURAR; MAS BOAS NOTÍCIAS! OFERECEMOS INSTALAÇÃO GRATUITA

4. Ative o alternador de idioma

Agora você pode carregar todas as suas páginas traduzidas usando o URL, por exemplo: www.shop.com/fr/

Captura de tela de um site com um bloco de texto personalizado

O seletor de idiomas é o ícone de bandeira que permite escolher o idioma desejado. Para acessá-lo, você precisará copiar o código fornecido ao final da configuração do site e colá-lo no cabeçalho da sua página HTML. O seletor de idiomas com a bandeira será carregado automaticamente.

Banner de consentimento de cookies em um site

É necessário carregar o arquivo no cabeçalho da sua página. No Prestashop , você pode copiar o código para: …/themes/seu-tema/templates/_partials/head.tpl

O seletor de idioma será exibido por padrão em uma posição flutuante no canto superior direito do seu site. Você pode personalizá-lo como desejar com CSS.

Um menu suspenso para selecionar idiomas em um site. Os idiomas disponíveis incluem inglês, alemão, grego, espanhol, francês, japonês, holandês, russo e chinês.

Observação importante de SEO: o número de idiomas que você configura tem um grande impacto no SEO. Ao configurar seus idiomas de tradução, se você tiver uma grande quantidade de páginas indexadas (>500), o mecanismo de pesquisa poderá demorar muito para processá-las. Isso pode afetar seu SEO em seu idioma original. É por isso que recomendamos adicionar inicialmente no máximo 5 idiomas, depois, quando estiver indexado, você pode adicionar idiomas em um lote de 3 por mês.

Configurar o seletor de idioma

O seletor de idiomas pode ser personalizado no Linguise > Configurações > Exibição de indicadores de idioma. Todas as alterações feitas aqui serão refletidas no site.

Uma captura de tela mostrando um menu suspenso para selecionar configurações de idioma com opções para inglês.

No lado direito da tela, você tem a visualização do seletor de idioma. Aqui estão os elementos que você pode configurar:

  • 3 layouts: lado a lado, dropdown ou popup
  • A posição do seletor de idioma
  • O conteúdo do alternador de idioma
  • Nomes de idiomas em inglês ou idioma nativo
  • Formas e tamanho das bandeiras
  • Cores e sombra da caixa

Carregar o seletor de idiomas no conteúdo PrestaShop

posição da bandeira no local

Para exibir o seletor de idioma em um local específico, no conteúdo do CMS, você deve definir a posição como “In place”.
Depois de definir a posição no Linguise , você pode adicionar o código de acesso abaixo para incluí-la. Clique no código abaixo para colocá-lo na área de transferência.

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

Depois de adicionado, no frontend você terá a bandeira e os nomes dos idiomas exibidos na área HTML onde você adicionou o código.

Ativar sistema de cache local

Como opção, você pode ativar um sistema de cache local que armazena URLs e seu conteúdo multilíngue relacionado para servir as páginas mais rapidamente. O cache local salvará algumas transferências de dados entre o servidor Linguise e o servidor do seu site. O cache é usado apenas quando uma página já foi traduzida e não foi atualizada. O cache mantido em prioridade será o cache das páginas multilíngues mais visualizadas.

Exemplo de código de configuração de tradução Laravel . Configuração para configurar traduções.

Como opção, você pode definir a quantidade de cache armazenada em MB. No exemplo a seguir, o cache é ativado e a quantidade de cache a ser mantida é de 500 MB:

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

Tradução automática em servidores Windows IIS

Adicione a linha correspondente ao seu construtor de sites no arquivo Web.config.
Deve ser definido antes de qualquer outro redirecionamento, especialmente o redirecionamento para o arquivo principal do 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>
				
			

Tradução automática em servidores NGINX

Adicione a linha correspondente ao seu CMS no bloco de configuração do servidor NGINX.
Deve ser definido antes de qualquer outro redirecionamento, especialmente o redirecionamento no seu arquivo principal do 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;