Secciones de Acordeones en el editor de bloques de Waclis

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

Los acordeones permiten mostrar contenido desplegable, ideal cuando se necesita presentar información detallada sin sobrecargar visualmente la página.

Bloques de Acordeón disponibles

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

• Acordeón 001

• 
  

Funcionan con el mismo principio (contenido desplegable), pero difieren en:

• diseño visual

• jerarquía del título

• espaciado y estilo

Diferencia entre Acordeones y Preguntas Frecuentes

Aunque visualmente son similares:

• Preguntas frecuentes se usan para responder dudas comunes.

• Acordeones se usan para:

  • explicar procesos

  • mostrar condiciones

  • detallar servicios

  • agrupar contenido extenso

  • organizar textos técnicos o informativos

Cómo insertar un bloque de Acordeón

Acceso al editor de bloques

Para ingresar al editor de bloques:

Configuraciones > Editar sitio > Menues

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

Insertar Acordeón

1. Haz clic en el icono de Sections.

2. Selecciona Sections en el panel lateral.

3. Busca la categoría Acordeón.

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

5. Elige el bloque Acordeón

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

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

Cómo editar los bloques de Acordeón

Los acordeones se pueden editar de tres formas, como el resto de las categorías.

Forma 1: Editar desde la vista (visual)

1. Haz clic sobre:

   • el título del acordeón

   • el contenido desplegable

2. Se habilita el panel de Properties.

3. Desde allí puedes:

   • editar el texto

   • ajustar alineación

   • modificar estilos básicos

   • asignar Id o Class

Es la forma recomendada para cambios de contenido.

Forma 2: Editar desde el Navigator

Muy útil cuando el acordeón tiene muchos ítems.

1. Haz clic en el icono de Navigator.

2. Se mostrará la estructura:

   • Section

   • Container

   • cada ítem del acordeón

3. Selecciona el ítem que quieras editar.

4. Se abre Properties automáticamente.

5. Realiza los cambios necesarios.

Forma 3: Editar desde el Code editor (HTML)

Para usuarios con conocimientos técnicos.

1. Abre el Code editor desde la parte inferior.

2. Verás el HTML del acordeón.

3. Desde allí puedes:

   • duplicar ítems

   • reorganizar el contenido

   • ajustar etiquetas

   • personalizar clases

Qué se puede editar en los bloques de Acordeón

• Título de cada ítem

• Contenido desplegable

• Cantidad de ítems

• Orden de los ítems

• Identificadores (Id / Class)

• Estructura interna (vía Code editor)

Buenas prácticas para usar acordeones

• Usalos para contenido extenso o secundario.

• Mantené títulos claros y descriptivos.

• Evitá textos demasiado largos dentro de un solo ítem.

• No mezcles preguntas frecuentes con contenido técnico.

• Usá acordeones para mejorar la legibilidad.

Limitaciones importantes

Los bloques de Acordeón:

• funcionan con contenido estático

• no tienen lógica condicional

• no se conectan a datos dinámicos

• no cambian según el usuario