Secciones de Características en el editor de bloques de Waclis

En este tutorial aprenderás a insertar, editar y personalizar secciones de características utilizando los bloques prearmados del editor de bloques de Waclis.

Las secciones de características se utilizan para:

• destacar funcionalidades del producto o servicio

• explicar beneficios clave de forma visual

• resumir ventajas competitivas

• presentar puntos diferenciales de manera ordenada

Bloques de características disponibles

Actualmente, Waclis incluye los siguientes bloques dentro de esta categoría:

• Características 005

• Características 004

• Características 003

• Características 002

• Características 001

Cada bloque presenta una variación visual distinta (layout, columnas, iconos, imágenes), pero todos se editan y funcionan bajo el mismo concepto.

Cómo insertar una sección de Características

Acceso al editor de bloques

Ruta:

Configuraciones > Editar sitio > Menues

Luego, haz clic en el icono de la paleta de pintor para abrir el editor de bloques.

Insertar el bloque

1. Haz clic en el icono Sections.

2. Selecciona Sections.

3. Busca la categoría Características.

4. Despliega la categoría si no está visible.

5. Elige el bloque que desees utilizar.

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

7. La sección de características se insertará en la vista del sitio.

Cómo editar una sección de Características

Las secciones de características se pueden editar de tres maneras, al igual que el resto de los bloques.

Forma 1: Edición directa desde la vista (visual)

Es la forma más rápida y recomendada.

1. Haz clic directamente sobre:

   • títulos

   • textos descriptivos

   • iconos

   • imágenes

2. Se activa el panel Properties.

3. Desde allí puedes:

   • cambiar textos

   • reemplazar imágenes

   • ajustar alineaciones

   • modificar estilos básicos

Forma 2: Edición desde el Navigator

Ideal cuando el bloque tiene muchos ítems.

1. Haz clic en el icono Navigator.

2. Visualiza la estructura del bloque:

   • Section

   • Container

   • Feature item

   • Icon / Image

   • Heading

   • Paragraph

3. Selecciona el elemento exacto que deseas modificar.

4. El panel Properties se abrirá automáticamente para ese elemento.

Esto evita editar todos los ítems al mismo tiempo por error.

Forma 3: Edición desde el Code editor (HTML)

Pensada para usuarios con conocimientos técnicos.

1. Abre el Code editor desde la parte inferior del editor.

2. Se mostrará el HTML completo de la sección.

3. Desde aquí puedes:

   • duplicar o eliminar características

   • modificar la estructura del layout

   • agregar o cambiar clases CSS

   • reorganizar columnas

Qué se puede editar en una sección de Características

• títulos principales y subtítulos

• textos descriptivos

• iconos o imágenes

• cantidad de características visibles

• orden de los ítems

• alineación del contenido

• clases e identificadores (Id / Class)

• estructura HTML (desde Code editor)

Limitaciones importantes

Las secciones de características:

• no trabajan con contenido dinámico

• no se conectan automáticamente a productos, categorías o servicios

• no muestran información en tiempo real

Todo el contenido es estático y editable manualmente.

Buenas prácticas al usar bloques de Características

• Usa frases cortas y claras.

• No sobrecargues de texto cada ítem.

• Prioriza iconos o imágenes simples.

• Mantén coherencia visual entre ítems.

• Usa entre 3 y 6 características por sección para mejor lectura.

Diferencia con otros bloques

A diferencia de:

• Servicios → más orientados a acciones

• Beneficios → enfoque emocional

• Características → enfoque funcional y descriptivo

Recomendaciones de uso

Usa bloques de características para:

• páginas institucionales

• páginas de presentación de servicios

• home del sitio

• landing pages

• páginas de planes o propuestas