Secciones de Llamadas a la acción (Call to Action) en el editor de bloques de Waclis

En este tutorial vas a aprender a insertar y editar las secciones prearmadas de Call to Action (CTA) dentro del editor de bloques de Waclis.

Las llamadas a la acción se utilizan para guiar al usuario hacia una acción concreta, como:

• contactarse

• solicitar una cotización

• registrarse

• conocer un servicio

• acceder a una sección específica del sitio

Bloques de Call to Action disponibles

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

• Call to action 001

• 
  

Estos bloques están diseñados para destacar un mensaje principal acompañado de uno o más botones.

Cómo insertar una llamada a la acción

Acceso al editor de bloques

Ruta de acceso:

Configuraciones > Editar sitio > Menues

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

Insertar un bloque de Call to Action

1. Haz clic en el icono de Sections.

2. Selecciona Sections en el panel lateral.

3. Busca la categoría Llamadas a la acción o Call to Action.

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

5. Elige el Call to action

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

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

Cómo editar una llamada a la acción

Los bloques de Call to Action se pueden editar de tres formas, igual que el resto de las categorías.

Forma 1: Editar desde la vista (visual)

Es la forma más común y recomendada.

1. Haz clic directamente sobre:

   • el texto principal

   • el texto secundario (si existe)

   • el botón

2. Se habilita el panel de Properties.

3. Desde allí puedes:

   • editar los textos

   • cambiar el texto del botón

   • configurar el enlace del botón

   • ajustar alineación

   • definir Id y Class

   • modificar estilos básicos si el bloque lo permite

Forma 2: Editar desde el Navigator

Ideal cuando el CTA tiene varios elementos.

1. Haz clic en el icono de Navigator.

2. Verás la estructura:

   • Section

   • Container

   • texto

   • botón o botones

3. Selecciona el elemento exacto que quieras editar.

4. Se abre automáticamente Properties.

5. Realiza los cambios necesarios.

Esto evita modificar el elemento incorrecto cuando hay varios textos similares.

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. Verás el HTML del bloque de Call to Action.

3. Desde allí puedes:

   • modificar la estructura

   • agregar o quitar botones

   • ajustar clases

   • personalizar el layout

Qué se puede editar en los Call to Action

• Texto principal

• Texto secundario

• Texto del botón

• Enlace del botón

• Cantidad de botones (según el bloque)

• Atributos Alt (si hay imágenes)

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

Buenas prácticas al usar llamadas a la acción

• Usá un mensaje claro y directo.

• Un CTA debe tener una acción principal.

• Evitá textos largos.

• Usá verbos de acción (“Contactanos”, “Solicitar cotización”, “Ver más”).

• Ubicá los CTA en zonas visibles del sitio.

Limitaciones importantes

Los bloques de Call to Action:

• funcionan con contenido estático

• no ejecutan lógica condicional

• no cambian según el usuario

• no se conectan automáticamente a procesos internos

Para flujos avanzados se requiere desarrollo a medida.