Como utilizar o Editor de Blocos HTML no Editor Visual da MultiLipi

O Editor de Blocos HTML é uma funcionalidade avançada dentro do Editor Visual da MultiLipi. Em vez de limitar as alterações ao texto visível ou CSS, permite-lhe trabalhar com o HTML de um elemento selecionado através de um painel dedicado.

• Substitua uma secção em inglês por uma secção em hindi totalmente personalizada.
• Insira um banner promocional localizado antes de uma descrição de produto.
• Adicione um CTA específico para o mercado após um parágrafo existente.
• Oculte uma secção que é irrelevante para um público de um determinado idioma.
• Reutilize a mesma marcação promocional em várias páginas traduzidas.

MultiLipi Editor Visual com um elemento da página web selecionado e as ações Traduzir, Estilo e HTML visíveis

A barra de ferramentas flutuante separa a tradução de conteúdo, o estilo visual e a estrutura HTML. Para alterações apenas de apresentação, utilize o Estilo ou siga o guia de CSS personalizado; utilize HTML quando a própria marcação precisar de ser alterada.

MultiLipi Editor de Blocos HTML a mostrar o elemento selecionado, o campo de conteúdo HTML, a Pré-visualização e os controlos de Guardar HTML

MultiLipi Menu pendente de ação de Bloco HTML que mostra Substituir Conteúdo Interno, Inserir Antes do Elemento e Inserir Após o Elemento

4.1 Substituir Conteúdo Interno (innerHTML)

Isto substitui os elementos filhos do elemento selecionado, preservando o elemento selecionado exterior. É a escolha certa para substituir um cabeçalho, reconstruir um bloco de conteúdo ou criar uma apresentação localizada diferente.

<!-- Contentor selecionado original -->
<div>
  <h2>Bem-vindo à nossa loja</h2>
  <p>Descubra os nossos produtos mais recentes.</p>
</div>

<!-- Novo HTML interno -->
<h2>Bem-vindo à nossa loja</h2>
<p>Descubra os nossos produtos mais recentes.</p>

4.2 Inserir Antes do Elemento

Adiciona marcação personalizada imediatamente antes da seleção sem remover o seu conteúdo existente. Utilize para avisos localizados, introduções, banners de campanha ou explicações específicas de mercado.

<div class="localized-banner">
  <p>Ofertas especiais para os nossos clientes portugueses</p>
</div>

4.3 Inserir Após o Elemento

Adiciona marcação imediatamente após o elemento selecionado. Funciona bem para botões de contacto, conteúdo relacionado, recomendações de produtos e chamadas para ação localizadas.

<div class="localized-cta">
  <a href="/contact/">Contacte a nossa equipa</a>
</div>

<div class="custom-section">
  <h2>Bem-vindo à Nossa Plataforma Global</h2>
  <p>
    Explore os nossos produtos e serviços
    no seu idioma preferido.
  </p>
</div>

Os elementos comuns incluem títulos, parágrafos, contentores, spans, ênfase, ligações e listas. Para terminologia que deve permanecer consistente entre traduções, configure MultiLipi regras de glossário em vez de duplicar alterações manuais de HTML. Para localização de imagens e elementos visuais, utilize o fluxo de trabalho de tradução de multimédia.

O Ocultar neste idioma o controlo oculta o bloco selecionado apenas para o idioma atualmente editado. Isto pode ser apropriado para uma oferta específica de um mercado, um produto indisponível ou uma introdução localizada alternativa.

Os Snippets HTML Reutilizáveis fornecem uma biblioteca ao estilo WPCode para banners, avisos, CTAs, blocos de produtos e layouts personalizados repetidos. Abra Snippets HTML, depois escolha + Novo Snippet or Criar Primeiro Snippet.

MultiLipi Gestor de Snippets HTML Reutilizáveis a mostrar a biblioteca de snippets, o botão Novo Snippet e o estado vazio

<div class="global-promo">
  <h3>Descubra os Nossos Serviços</h3>
  <p>Explore soluções concebidas para empresas internacionais.</p>
  <a href="/contact/">Entre em Contacto</a>
</div>

Após guardar, regresse ao Bloco HTML e utilize Inserir Snippet Guardado.... A ligação + Gerir próxima reabre a gestão de snippets.

Para personalizar um H1, selecione o próprio cabeçalho, confirme que a etiqueta selecionada é H1, escolha Substituir Conteúdo Interno, edite a marcação, visualize e guarde.

MultiLipi Editor de Blocos HTML a editar o HTML interno de um cabeçalho H1

<span>Otimização de LLM para além de</span>:
A Engenharia por detrás da Visibilidade de IA

• Selecione o elemento mais pequeno que atinja o resultado pretendido.
• Prefira a inserção quando o conteúdo original deve permanecer.
• Mantenha as etiquetas válidas, fechadas e corretamente aninhadas.
• Teste as ligações localizadas em vez de assumir que /contact/ resolve corretamente em todos os idiomas.
• Evite scripts não fidedignos, manipuladores de eventos e código de incorporação desconhecido.
• Verifique os controlos de visualização para computador e telemóvel antes de guardar.
• Utilize snippets para estruturas repetidas e regras de glossário para terminologia recorrente.
• Não oculte funcionalidades críticas apenas para simplificar um esquema localizado.

Para esquemas da direita para a esquerda, reveja suporte para idiomas RTL. Se os visitantes devem aceder automaticamente a uma localização adequada, configure o redirecionador de idioma do visitante. Para trabalho de conteúdo em massa, o guia de importação e exportação de traduções pode ser mais eficiente do que edições de HTML elemento a elemento.