Tradução em tempo real para janelas pop-up, modais e SPAs
Janelas pop-up, modais, assistentes de várias etapas, conteúdo carregado lentamente, widgets de bate-papo, rolagem infinita — os sites modernos estão repletos de conteúdo que aparece após o carregamento inicial da página. MotaWord Active detecta e traduz cada novo conteúdo assim que ele aparece.
Veja em ação Iniciar Avaliação Gratuita/f/84976/1040x1034/6a5e591a79/real-time-translation-for-popups-modals-and-spas.png)
/f/84976/708x451/7f7f86294f/ata-card-1.png)
/f/84976/531x358/93a4657e43/iti_card.png)
/f/84976/564x359/0d7a7174b9/aila-card.png)
/f/84976/708x451/719046023c/soc2-card-2.png)
/f/84976/708x451/682775aa18/law-firms-card-3.png)
/f/84976/708x451/fbeb522b32/translators-card-4.png)
/f/84976/708x451/07100cc81c/languages-card-5.png)
A maioria das ferramentas de tradução traduz apenas o primeiro carregamento.
A tradução tradicional de sites processa a página uma única vez, quando ela é carregada. Mas os sites modernos são dinâmicos — o conteúdo aparece, desaparece e muda constantemente:
- Um visitante clica em um botão e uma caixa de diálogo modal é aberta.
- Um banner de consentimento de cookies desliza para dentro da tela após alguns segundos.
- A rolagem infinita carrega mais produtos à medida que o usuário rola a página para baixo.
- Um assistente de várias etapas avança para a próxima etapa em um fluxo de finalização de compra ou integração.
- O recurso de autocompletar pesquisa exibe sugestões conforme o usuário digita.
- Um widget de bate-papo é aberto com uma mensagem de saudação.
- Um aplicativo de página única navega para uma nova visualização sem recarregar a página.
- Uma notificação aparece após uma ação.
Se a sua ferramenta de tradução não lidar com esses problemas, seus visitantes verão uma mistura desagradável de conteúdo traduzido e não traduzido. Parte da página fala a língua deles, parte não.
/f/84976/1040x1016/10858a4a61/most-translation-tools-only-translate-the-first-load.png)
MotaWord Active: Tradução que nunca dorme
O MotaWord Active monitora sua página em tempo real, detectando alterações. No momento em que qualquer conteúdo novo aparece — seja um pop-up, uma nova seção ou uma atualização de texto — ele é detectado e traduzido automaticamente. Isso inclui conteúdo que não estava presente no código-fonte original da página: elementos injetados por JavaScript, carregados do seu servidor após a renderização da página ou criados por ferramentas e scripts de terceiros.
/f/84976/1040x1094/4cb3b2436f/motaword-active_-translation-that-never-sleeps.png)
Tradução automática para conteúdo dinâmico
Nenhuma configuração necessária. Esta opção está ativada por padrão.
- Qualquer conteúdo adicionado à página é detectado em milissegundos, independentemente do que o tenha acionado — um clique do usuário, um temporizador, um evento de rolagem ou uma resposta da API.
- Textos que mudam dinamicamente (contadores, mensagens de status, atualizações em tempo real) são detectados e retraduzidos.
- Alterações nas descrições de imagens, espaços reservados em formulários e rótulos de acessibilidade também são gerenciadas.
- O conteúdo de scripts de terceiros (ferramentas de chat, pop-ups de marketing, widgets de análise) é traduzido conforme aparece na página.
- Funciona com todos os frameworks e bibliotecas — React, Vue, Angular, Svelte, jQuery ou JavaScript puro.
/f/84976/1128x1125/d1717e1a06/automated-translation-for-dynamic-content.png)
Fluxos de finalização de compra, sequências de integração, formulários de inscrição, assistentes de reserva — essas são algumas das partes mais importantes do seu site e são quase sempre dinâmicas. Cada etapa carrega conteúdo novo sem recarregar a página inteira, o que significa que a maioria das ferramentas de tradução as ignora completamente.
O MotaWord Active traduz cada etapa conforme ela aparece. Independentemente de o seu assistente usar mudanças de rota, mostrar e ocultar seções ou trocar conteúdo dinamicamente, o texto, os rótulos, os botões e as mensagens de validação de cada etapa são traduzidos no momento em que são renderizados.
Cada etapa, desde o carrinho de compras até a confirmação do pagamento, é totalmente traduzida.
Telas de boas-vindas, etapas de configuração e guias de primeiros passos no idioma do visitante.
Rótulos de campos, marcadores de posição, erros de validação e mensagens de sucesso — tudo traduzido à medida que cada etapa é carregada.
Seletores de data, horários disponíveis, telas de confirmação — nada foi deixado de lado.
Configuradores de produtos com várias etapas, geradores de orçamentos e fluxos de preferências.
/f/84976/1040x1054/552d38c617/multi-step-wizards-and-flows.png)
Traduza primeiro o que é visível.
Para páginas com muito conteúdo, o MotaWord Active prioriza o que o visitante pode efetivamente ver. O conteúdo acima da dobra é traduzido primeiro, e tudo o que está abaixo é traduzido conforme o visitante rola a página.
- O conteúdo visível tem prioridade — seus visitantes nunca precisam esperar que o conteúdo fora da tela termine de ser traduzido.
- O conteúdo carregado sob demanda (imagens, cartões de produtos, posts de blog) é traduzido à medida que carrega.
- A rolagem infinita funciona perfeitamente — novos itens são traduzidos no momento em que aparecem.
- Nenhum esforço desperdiçado em conteúdo que o visitante talvez nunca veja ao rolar a página.
Todos os tipos de conteúdo dinâmico, abrangidos.
Eis o que o MotaWord Active faz imediatamente, sem necessidade de configuração adicional.
| Tipo de conteúdo | Exemplos |
|---|---|
| Modais e diálogos | Formulários de login, confirmações, visualizações rápidas de produtos |
| Popups | Banners de cookies, inscrições em newsletters, ofertas de intenção de saída |
| Assistentes de várias etapas | Fluxos de finalização de compra, integração, formulários de inscrição, assistentes de reserva |
| Menus suspensos | Menus de navegação, menus suspensos de filtro, opções de seleção |
| notificações pop-up | Mensagens de sucesso, alertas de erro, atualizações de status |
| Abas e acordeões | Seções de perguntas frequentes, especificações do produto, conteúdo em abas |
| Widgets de bate-papo | Chat ao vivo, chatbots, widgets de suporte |
| Carrosséis e sliders | Carrosséis de produtos, sliders de depoimentos |
| Aplicativos de página única | Alterações de rota em aplicativos React, Vue, Angular e Next.js |
| Rolagem infinita | Listagens de produtos, feeds de blogs, feeds de redes sociais |
| Validação de formulário | Mensagens de erro, dicas de campo, texto de ajuda |
| Conteúdo carregado por AJAX | Detalhes do produto, avaliações, comentários |
As tecnologias modernas de front-end criam conteúdo de maneiras que não existiam há alguns anos. Os componentes são montados e desmontados. O conteúdo é exibido no cliente após o carregamento da página. Os elementos são inseridos em partes da página completamente diferentes daquelas em que foram definidos. O MotaWord Active cuida de tudo isso.
React, Vue, Angular, Next.js, Nuxt, SvelteKit — a navegação dentro do aplicativo é detectada automaticamente e as novas visualizações são traduzidas sem a necessidade de recarregar a página.
Telas de boas-vindas, etapas de configuração e guias de primeiros passos no idioma do visitante.
O conteúdo que é renderizado no navegador após o carregamento inicial da página (comum em frameworks modernos) é captado e traduzido conforme aparece.
Elementos da interface do usuário que são renderizados fora de seu componente pai — como modais, dicas de ferramentas e sobreposições que se anexam ao corpo do documento — são detectados e traduzidos, independentemente de onde estejam localizados na página.
São suportados elementos personalizados com conteúdo encapsulado.
O conteúdo inserido por ferramentas externas (widgets de análise, provedores de bate-papo, pop-ups de marketing) é traduzido assim que aparece na página.
/f/84976/1040x1028/8387375661/built-for-modern-web-apps.png)
A busca também funciona
A busca é uma das partes mais dinâmicas de qualquer site — sugestões de preenchimento automático, resultados filtrados e busca instantânea carregam conteúdo em tempo real. O MotaWord Active traduz tudo tal como aparece, proporcionando aos seus visitantes uma experiência de pesquisa nativa no seu idioma.
/f/84976/1080x1080/f006fd522f/search-works-too.png)
Perguntas mais frequentes
Não. A tradução dinâmica de conteúdo está ativada por padrão. O MotaWord Active monitora automaticamente as alterações e traduz o novo conteúdo assim que ele aparece. Não é necessária nenhuma configuração.
Sim. Cada etapa de um fluxo com várias etapas é traduzida à medida que é renderizada — rótulos de campos, botões, mensagens de validação, telas de confirmação, tudo. Não importa como o assistente é construído (alterações de rota, renderização condicional, atualizações do DOM) — se um novo conteúdo aparecer, ele será traduzido.
Sim. O MotaWord Active é independente de frameworks — ele detecta alterações no nível da página, funcionando independentemente do framework ou biblioteca que você utilize. React, Vue, Angular, Svelte, jQuery ou JavaScript puro.
Não. O MotaWord Active utiliza recursos nativos do navegador projetados para otimizar o desempenho e agrupa suas atualizações para evitar interferências na renderização da sua página. O impacto é insignificante.
É exatamente para isso que a tradução dinâmica foi criada. Independentemente de o conteúdo aparecer por meio de um clique, ao passar o cursor, ao rolar a página, por um temporizador ou qualquer outro gatilho, ele será traduzido automaticamente.
Sim. Você pode marcar elementos ou seções específicos para serem ignorados — eles permanecerão no idioma original mesmo quando o restante da página for traduzido.
Ferramentas como Optimizely ou VWO, que inserem conteúdo dinamicamente, terão suas variações traduzidas automaticamente. Seus testes A/B funcionam em vários idiomas sem nenhuma configuração adicional.
Precisa de mais assistência?
Teremos o maior prazer em responder a todas e quaisquer perguntas. E teríamos prazer em agendar com um de nossos colegas uma demonstração ao vivo para a sua organização. Tudo o que você precisa fazer é entrar em contato conosco.