O "Seletor de Idioma" é a ponte do utilizador para a sua infraestrutura localizada. MultiLipi suporta dois métodos de injeção distintos para equilibrar a facilidade de implementação com a integridade do design. Pode implementá-lo como uma Sobreposição Flutuante persistente (ideal para lançamento rápido) ou como um Elemento Embutido profundamente integrado (ideal para design personalizado).
Este guia detalha os passos de navegação e as diferenças técnicas entre ambas as estratégias.
1. Protocolo de Configuração (Navegação)
Aceder aos controlos da interface.
Para configurar a estratégia de posicionamento, siga este caminho no seu centro de comando:
Passo 1: Aceder ao Painel
Inicie sessão na sua conta MultiLipi para aceder à vista principal.
Passo 2: Selecionar Projeto
Clique no Bloco de Projeto específico do website que pretende configurar.
Passo 3: Aceder às Definições
Na barra lateral esquerda, clique em Definições.
Passo 4: Localizar Módulo
A partir do sub-menu ou da lista de definições, selecione Interruptor de Idioma.
Ação:
Aqui verá a opção para alternar entre os modos Flutuante e Embutido.
2. O Seletor Flutuante (Modo de Sobreposição)
Implementação rápida via injeção de JS.
O que é?
O Interruptor Flutuante é um widget autónomo injetado no DOM via JavaScript. Fica no eixo Z acima do conteúdo do seu website, ancorado a um canto da janela de visualização.
Posicionamento: Configurável para qualquer um dos quatro quadrantes:
- •Canto Inferior Esquerdo (Padrão) / Canto Inferior Direito
- •Canto Superior Esquerdo / Canto Superior Direito
Vantagem Arquitetónica:
- •Zero Código: Nenhuma edição de HTML é necessária. Funciona instantaneamente após a injeção do script.
- •Compatibilidade Universal: Garantido para renderizar em qualquer plataforma (WordPress, Shopify, Webflow) sem quebrar os fluxos de layout.
- •Responsivo para Dispositivos Móveis: Redimensiona e reposiciona automaticamente para janelas de visualização mais pequenas.
Ideal Para: Equipas que necessitam de uma solução "Plug-and-Play" sem envolver um programador frontend.
3. O Seletor Incorporado (Modo de Integração)
Inserção DOM sem interrupções.
O que é?
O Interruptor Embutido permite-lhe injetar o seletor de idioma diretamente num contentor específico dentro da sua estrutura HTML, como a sua Barra de Navegação (
O Mecanismo: Fornece um Seletor CSS específico (ID ou Classe) no painel MultiLipi.
Exemplo de Entrada: #menu-language-item ou .navbar-right.
A Ação: O nosso script analisa o DOM em busca desse seletor específico e renderiza o seletor dentro desse elemento, herdando as restrições de layout do seu pai.
Ideal Para: Designers que requerem controlo pixel-perfect e querem que o seletor se sinta como uma parte nativa do sistema de menu da UI.
4. O Protocolo de Falha (Lógica de Segurança)
Garantir a disponibilidade da interface.
Em ambientes web dinâmicos, IDs e Classes podem mudar. O que acontece se implementar um Seletor Embutido que tem como alvo #nav-lang, mas o seu programador acidentalmente renomeia esse ID para #nav-menu?
MultiLipi executa uma Falha Automática:
- •Analisar: O script tenta localizar o seletor CSS de destino.
- •Falha: Se o destino não for encontrado (nulo), o script sinaliza um erro.
- •Recuperação: Reverte automaticamente para o Modo Flutuante.
- •Resultado: O seletor aparece na posição flutuante predefinida (por exemplo, Inferior-Direita), garantindo que o utilizador ainda possa alterar os idiomas, mesmo que o layout esteja quebrado.
- •Depuração: Um aviso no console é registado para os seus programadores corrigirem o seletor.