Secciones de Tabla de precios en el editor de bloques de Waclis

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

Las tablas de precios se utilizan para presentar planes, servicios o paquetes, compararlos entre sí y guiar al usuario hacia una decisión clara.

Bloques de Tabla de precios disponibles

Actualmente, el editor de bloques de Waclis incluye los bloques de Tabla de precios prearmados (según el diseño activo), que pueden variar en:

• cantidad de planes

• disposición en columnas

• jerarquía visual (plan destacado)

• presencia de botones de acción

Funcionalmente, todos se editan de la misma manera.

Cómo insertar una Tabla de precios

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 de Tabla de precios

1. Haz clic en el icono de Sections.

2. Selecciona Sections en el panel lateral.

3. Busca la categoría Tablas de precios.

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

5. Elige el bloque de tabla que quieras usar.

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

7. La tabla de precios se insertará en la vista del sitio.

Cómo editar una Tabla de precios

Las tablas de precios se pueden editar de tres formas, como el resto de las categorías.

Forma 1: Editar desde la vista (visual)

Es la forma más común para editar contenido.

1. Haz clic directamente sobre:

   • nombre del plan

   • precio

   • descripción

   • listado de características

   • botón del plan

2. Se habilita el panel de Properties.

3. Desde allí puedes:

   • editar textos

   • modificar el precio visible

   • cambiar el texto del botón

   • configurar el enlace del botón

   • ajustar alineación

   • asignar Id y Class

Forma 2: Editar desde el Navigator

Ideal cuando la tabla tiene muchos planes o características.

1. Haz clic en el icono de Navigator.

2. Verás la estructura:

   • Section

   • Container

   • columnas de cada plan

   • textos, listas y botones

3. Selecciona el elemento exacto.

4. Se abre automáticamente Properties.

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. Se mostrará el HTML de la tabla de precios.

3. Desde allí puedes:

   • agregar o quitar planes

   • reorganizar columnas

   • modificar listas de características

   • ajustar clases para estilos avanzados

Qué se puede editar en una Tabla de precios

• Nombre del plan

• Precio mostrado

• Período (mensual, anual, etc.)

• Listado de características

• Botones y enlaces

• Plan destacado (según diseño)

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

Buenas prácticas al usar Tablas de precios

• Mostrá pocos planes (2 a 4 es ideal).

• Destacá visualmente el plan recomendado.

• Usá textos claros y comparables.

• No sobrecargues con demasiadas características.

• Usá botones con acciones claras (“Contratar”, “Consultar”, “Ver detalles”).

Limitaciones importantes

Las tablas de precios:

• funcionan con contenido estático

• no se conectan al sistema de suscripciones

• no calculan impuestos

• no actualizan precios automáticamente

• no realizan cobros

Para precios dinámicos o suscripciones automáticas se utilizan funcionalidades del sistema, no bloques.

Diferencia clave a tener en cuenta

Estas tablas:

• NO gestionan pagos

• NO activan planes automáticamente

• NO reemplazan el sistema de suscripciones

Son tablas informativas y comerciales.