Cómo utilizar el editor de bloques HTML en el editor visual de MultiLipi

El Editor de Bloques HTML es una función avanzada dentro del Editor Visual de MultiLipi. En lugar de limitar los cambios al texto visible o al CSS, le permite trabajar con el HTML de un elemento seleccionado a través de un panel dedicado.

• Reemplace una sección en inglés con una sección en hindi totalmente personalizada.
• Inserte un banner promocional localizado antes de una descripción de producto.
• Añada una llamada a la acción (CTA) específica para el mercado después de un párrafo existente.
• Oculte una sección que sea irrelevante para una audiencia de un idioma específico.
• Reutilice el mismo marcado promocional en múltiples páginas traducidas.

MultiLipi Editor Visual con un elemento de página web seleccionado y las acciones de Traducir, Estilo y HTML visibles

La barra de herramientas flotante separa la traducción de contenido, el estilo visual y la estructura HTML. Para cambios exclusivos de presentación, utilice Estilo o siga la guía de CSS personalizado; utilice HTML cuando el marcado en sí deba cambiar.

MultiLipi Editor de Bloques HTML que muestra el elemento seleccionado, el campo de contenido HTML, la Vista previa y los controles para Guardar HTML

Menú desplegable de acciones de bloque HTML de MultiLipi que muestra Reemplazar contenido interno, Insertar antes del elemento e Insertar después del elemento

4.1 Reemplazar contenido interno (innerHTML)

Esto reemplaza a los elementos secundarios del elemento seleccionado mientras conserva el elemento seleccionado externo. Es la opción correcta para reemplazar un encabezado, reconstruir un bloque de contenido o crear una presentación localizada diferente.

<!-- Contenedor seleccionado original -->
<div>
  <h2>Bienvenido a nuestra tienda</h2>
  <p>Descubre nuestros últimos productos.</p>
</div>

<!-- Nuevo HTML interno -->
<h2>Bienvenido a nuestra tienda</h2>
<p>Descubre nuestros últimos productos.</p>

4.2 Insertar antes del elemento

Añade marcado personalizado inmediatamente antes de la selección sin eliminar su contenido existente. Úselo para avisos localizados, introducciones, banners de campaña o explicaciones específicas del mercado.

<div class="localized-banner">
  <p>Ofertas especiales para nuestros clientes italianos</p>
</div>

4.3 Insertar después del elemento

Añade marcado inmediatamente después del elemento seleccionado. Funciona bien para botones de contacto, contenido relacionado, recomendaciones de productos y llamadas a la acción localizadas.

<div class="localized-cta">
  <a href="/contact/">Contacte a nuestro equipo</a>
</div>

<div class="custom-section">
  <h2>Bienvenido a nuestra plataforma global</h2>
  <p>
    Explore nuestros productos y servicios
    en su idioma preferido.
  </p>
</div>

Los elementos comunes incluyen encabezados, párrafos, contenedores, spans, énfasis, enlaces y listas. Para la terminología que debe permanecer consistente en todas las traducciones, configure MultiLipi reglas de glosario en lugar de duplicar cambios manuales en HTML. Para la localización de imágenes y elementos visuales, utilice el flujo de trabajo de traducción de medios.

El Ocultar en este idioma el control oculta el bloque seleccionado solo para el idioma que se está editando actualmente. Esto puede ser apropiado para una oferta específica de un mercado, un producto no disponible o una introducción localizada alternativa.

Los fragmentos HTML reutilizables proporcionan una biblioteca al estilo WPCode para banners, avisos, llamadas a la acción (CTA), bloques de productos y diseños personalizados repetidos. Abra Fragmentos HTML, luego elija + Nuevo fragmento o Crear primer fragmento.

MultiLipi Administrador de fragmentos HTML reutilizables que muestra la biblioteca de fragmentos, el botón Nuevo fragmento y el estado vacío

<div class="global-promo">
  <h3>Descubra nuestros servicios</h3>
  <p>Explore soluciones diseñadas para empresas internacionales.</p>
  <a href="/contact/">Póngase en contacto</a>
</div>

Después de guardar, regrese al Bloque HTML y use Insertar fragmento guardado.... El enlace + Gestionar cercano vuelve a abrir la gestión de fragmentos.

Para personalizar un H1, seleccione el encabezado mismo, confirme que la etiqueta seleccionada es H1, elija Reemplazar contenido interno, edite el marcado, previsualice y guarde.

Editor de bloques HTML de MultiLipi editando el HTML interno de un encabezado H1

<span>Optimización de LLM más allá de</span>:
La ingeniería detrás de la visibilidad de la IA

• Seleccione el elemento más pequeño que logre el resultado deseado.
• Prefiera la inserción cuando el contenido original deba permanecer.
• Mantenga las etiquetas válidas, cerradas y correctamente anidadas.
• Pruebe los enlaces localizados en lugar de asumir que /contact/ se resuelve correctamente en todos los idiomas.
• Evite scripts no confiables, controladores de eventos y códigos de inserción desconocidos.
• Compruebe los controles de la ventana gráfica de escritorio y móvil antes de guardar.
• Utilice fragmentos para estructuras repetidas y reglas de glosario para terminología repetida.
• No oculte funcionalidades críticas simplemente para simplificar un diseño localizado.

Para diseños de derecha a izquierda, revise soporte para idiomas RTL. Si los visitantes deben acceder automáticamente a una configuración regional adecuada, configure el redireccionador de idioma del visitante. Para trabajos de contenido masivo, la guía de importación y exportación de traducciones puede ser más eficiente que las ediciones de HTML elemento por elemento.