Panel de Herramientas
¿Para qué sirve esto?
El Panel de Herramientas es la barra superior del Constructor de Eventos. Te da acceso rápido a las acciones más importantes: guardar tu trabajo, previsualizar la página pública, activar el evento, detenerlo y cambiar el color de fondo de la página.
El Panel de Herramientas se encuentra en la parte superior del constructor, dividido en tres secciones: Diseños (izquierda), Herramientas (centro) y Acciones (derecha).
Sección de Diseños (Izquierda)
Actualmente reservada para futuras plantillas de diseño. No hay herramientas activas aquí todavía.
Sección de Herramientas (Centro)
Color de Fondo de la Página
- Icono: Selector de color (cuentagotas)
- Tooltip: "Color de fondo de la página"
- Qué hace: Abre un selector de color. Elige cualquier color — se convierte en el fondo de todo el lienzo del constructor (detrás de todos los bloques).
- Valor predeterminado: Gris claro (
#DADADA). - Se guarda automáticamente: No necesitas hacer clic en Guardar; el color se aplica al instante y se guarda con el evento.
Sección de Acciones (Derecha)
Guardar
- Icono: Disquete
- Etiqueta: "Guardar"
- Estilo de botón: Botón de texto verde
- Qué hace: Persiste todos los cambios actuales — bloques, contenido, campos del formulario, metadatos, recorrido, integración — en el servidor.
- Cuándo usarlo: Haz clic frecuentemente mientras trabajas. El constructor también guarda automáticamente de forma periódica, pero el Guardar manual garantiza que no se pierda nada.
- Comportamiento: Si el evento ya existe (tiene ID), se actualiza. Si es nuevo, se crea el evento y se añade el ID a la URL del navegador.
Vista Previa
- Icono: Ojo
- Tooltip: "Vista previa del evento"
- Estilo de botón: Botón cuadrado con icono
- Qué hace: Abre la página pública de inscripción en una pestaña nueva exactamente como la verán los asistentes.
- Requisitos: El evento debe haberse guardado al menos una vez (tener ID). Si aún no has guardado, al hacer clic en Vista Previa se guarda primero y luego se abre la vista previa.
Revisar y Activar
- Icono: Palomita
- Etiqueta: "Revisar y Activar"
- Estilo de botón: Botón de texto verde
- Qué hace: Ejecuta una validación completa y abre el Popup de Activación.
- Comprobaciones de validación:
- Metadatos obligatorios completados (Nombre, Fecha de Inicio, Zona Horaria).
- El formulario tiene al menos un campo.
- Solo eventos: Hay un Recorrido adjunto.
- No hay palabras bloqueadas por filtro anti-spam en las plantillas de email (si hay recorrido).
- Capacidad de suscriptores dentro de los límites del plan.
- Si la validación falla: Un popup enumera los errores específicos. Corrígelos y vuelve a intentarlo.
- Si la validación pasa: Se abre el Popup de Activación. Puedes opcionalmente redactar un email de notificación para enviar a los suscriptores existentes al activar. Haz clic en Continuar para cambiar el estado del evento a Activo. El enlace público se activa inmediatamente.
Detener Evento
- Icono: Círculo de detención
- Tooltip: "Detener evento"
- Estilo de botón: Botón cuadrado con icono
- Visibilidad: Solo se muestra cuando el estado del evento es Activo.
- Qué hace: Abre el Popup de Detención del Evento. Puedes opcionalmente enviar un email de notificación a los suscriptores informando que las inscripciones están cerradas. Confirma para cambiar el estado a Detenido. El enlace público deja de funcionar. Los suscriptores que ya se inscribieron no se eliminan.
Atajos de Teclado
- Ctrl/Cmd + S → Guardar
- Ctrl/Cmd + Shift + P → Vista Previa (cuando el evento tiene ID)
Reglas y Consejos Importantes
Nota: El botón Revisar y Activar es tu interruptor para "poner en vivo". No puedes activar un evento que no pase la validación — el sistema te protege de publicar configuraciones incompletas.
Nota: Detener Evento no elimina datos. Las inscripciones, respuestas del formulario e historial de recorridos se conservan. Puedes reactivarlo más tarde.
Consejo: Cambia el Color de Fondo de la Página al principio para que coincida con tu marca. Se aplica detrás de todos los bloques, incluido el bloque del formulario.
Consejo: Usa Vista Previa frecuentemente mientras diseñás. Muestra el diseño responsivo exacto, la renderización de fuentes y los estados de botones que verán los asistentes.