Añadir el widget Voiceline con Elementor
Cómo añadir el widget
- Edita cualquier página con Elementor.
- Busca el widget llamado VoiceLine.
- Arrástralo a la página.
- Guarda o actualiza la página.
Qué hace el widget
- El widget muestra el formulario completo de Voiceline.
- El flujo en el frontend es simple: Record, Stop, Listen, Send.
- Si está activado en los ajustes globales, el widget también puede mostrar campos para Name, Email, Phone y la casilla Privacy consent.
Preset de skin
- El widget incluye los siguientes presets de skin:
- Default
- Studio Black [PREMIUM]
- Cassette Retro [PREMIUM]
- Console Pro [PREMIUM]
- Clean Lab [PREMIUM]
- Pocket Recorder [PREMIUM]
- Dot Matrix [PREMIUM]
- Field Device [PREMIUM]
- Neon Deck [PREMIUM]
- Minimal White [PREMIUM]
Controles de estilo de la skin Default
- La skin Default ofrece controles de estilo detallados de Elementor.
- Puedes personalizar el Widget Background, incluyendo fondo, tinte, degradado superior, degradado inferior, borde, texto principal, texto secundario, border radius y padding.
- Puedes personalizar la Display / Recorder Area, incluyendo fondo del display, degradados, borde, fondo del área visual, borde del área visual, fondo del botón del micrófono, fondo del temporizador, borde del temporizador, texto del temporizador, texto de estado y border radius del display.
- Puedes personalizar los Form Fields, incluyendo fondo de los campos, texto, placeholder, borde, borde al pasar el cursor, borde al enfocar, color de las etiquetas y border radius.
- También puedes controlar la Typography del temporizador, el estado y los botones.
Skins Premium
- Las skins Premium están pensadas para ofrecer diseños ya preparados y estilizados.
- Los controles avanzados de color de Elementor están pensados principalmente para la skin Default.
- Si se selecciona una skin premium sin un acceso Premium válido, la skin se bloquea y el widget vuelve al comportamiento estándar.
- Si Premium está desactivado, puedes ver las skins en el editor de Elementor, pero estarán bloqueadas en el frontend.
Buena práctica
- Empieza con la skin Default y prueba primero todo el flujo de envío.
- Después de que todo funcione, pasa al estilo visual o a la selección de una skin Premium.
