Secciones de Texto e imagen en el editor de bloques de Waclis

En este tutorial vas a aprender a insertar y editar las secciones prearmadas de Texto e imagen dentro del editor de bloques de Waclis.

Este tipo de secciones se utiliza para combinar contenido visual y textual, y es ideal para:

• presentar servicios

• explicar procesos

• destacar características

• reforzar mensajes con apoyo visual

• mejorar la lectura y el escaneo del contenido

Bloques de Texto e imagen disponibles

Actualmente, el editor de bloques de Waclis incluye los siguientes bloques:

• Texto e imagen 003

• Imagen y texto 003

• Imagen y texto 002

• Imagen y texto 001

• Texto y video 001

• Texto e imagen 002

• Texto e imagen 001

La diferencia entre ellos está en:

• la posición de la imagen (izquierda o derecha)

• el diseño visual

• el uso de imagen, video o grilla

• el orden de lectura

Cómo insertar una sección de Texto e imagen

Acceso al editor de bloques

Ruta de acceso:

Configuraciones > Editar sitio > Menues

Luego, haz clic en el icono de la paleta de pintor.

Insertar el bloque

1. Haz clic en el icono de Sections.

2. Selecciona Sections en el panel lateral.

3. Busca la categoría Texto e imagen.

4. Si la categoría está colapsada, haz clic para desplegarla.

5. Elige el bloque que quieras usar.

6. Haz clic en el botón “+”.

7. El bloque se insertará en la vista del sitio.

Cómo editar las secciones de Texto e imagen

Como el resto de las categorías, estos bloques se pueden editar de tres formas.

Forma 1: Editar desde la vista (visual)

Es la forma más habitual.

1. Haz clic directamente sobre:

   • el texto

   • el título

   • la imagen

   • el video (si aplica)

   • el botón (si existe)

2. Se habilita el panel de Properties.

3. Desde allí puedes:

   • editar textos

   • cambiar imágenes (Set Image)

   • usar imágenes subidas o URLs externas

   • configurar videos (cuando el bloque lo permite)

   • editar el atributo Alt

   • ajustar alineación

   • definir enlaces

   • asignar Id y Class

Forma 2: Editar desde el Navigator

Muy útil cuando el bloque tiene varios elementos.

1. Haz clic en el icono de Navigator.

2. Se muestra la estructura:

   • Section

   • Container

   • columnas

   • imagen / video

   • texto

3. Selecciona el elemento exacto.

4. Se abre automáticamente Properties.

5. Realiza los cambios.

Esto facilita:

• editar textos específicos

• cambiar una imagen puntual

• evitar modificar el contenido incorrecto

Forma 3: Editar desde el Code editor (HTML)

Pensado para usuarios con conocimientos técnicos.

1. Abre el Code editor desde la parte inferior.

2. Se mostrará el HTML del bloque.

3. Desde allí puedes:

   • reorganizar columnas

   • cambiar jerarquías de texto

   • agregar o quitar elementos

   • modificar clases

   • ajustar estructura avanzada

Qué se puede editar en Texto e imagen

• Títulos

• Textos descriptivos

• Imágenes o videos

• Botones y enlaces

• Orden visual del contenido

• Atributos Alt

• Identificadores (Id / Class) para personalización avanzada

Buenas prácticas al usar Texto e imagen

• Usá textos claros y bien jerarquizados.

• No satures de texto una sola sección.

• Acompañá el texto con imágenes relevantes.

• Alterná imagen a la izquierda y derecha para dinamizar el diseño.

• Probá el resultado en desktop y mobile.

Limitaciones importantes

Estos bloques:

• trabajan con contenido estático

• no se conectan a datos del catálogo

• no muestran información dinámica

• no cambian según el usuario

Para personalización dinámica se requiere desarrollo avanzado.

Diferencia clave a tener en cuenta

Estas secciones:

• NO editan contenido del catálogo

• NO modifican fichas de productos

• NO reemplazan secciones dinámicas del sistema

Son secciones visual y editorialmente controladas.