Comprueba exactamente cómo verán los clientes tu formulario de contacto antes de publicarlo.
Acceder a la vista previa
- Ve a Gestión de formularios (
/admin/form) - Haz clic en la pestaña Vista previa
La vista previa muestra tu formulario tal como lo verán los clientes, incluyendo:
- Tu título y descripción personalizados
- Colores y logo de marca
- Etiquetas y placeholders de los campos
- Texto y estilo del botón
Contáctanos
Nos encantaría saber de ti.
Funciones de la vista previa
Actualización en vivo
La vista previa refleja la configuración actual del formulario:
- Los colores cambian al modificar la marca
- El texto cambia al editar títulos y descripciones
- El logo aparece al añadir la URL del logo
Indicador de modo vista previa
En la vista previa, el formulario está en "modo vista previa":
- Los envíos están desactivados (el botón muestra "Modo vista previa")
- Así se evitan envíos de prueba accidentales
- Puedes ver la apariencia completa del formulario
Vista previa responsive
La vista previa muestra cómo se ve el formulario en distintos tamaños:
- Escritorio: Diseño a ancho completo
- Móvil: Diseño responsive en columna
- Prueba en distintos dispositivos para mejores resultados
Usar la vista previa bien
Antes de publicar
Siempre previsualiza el formulario antes de compartirlo:
- Comprueba que todo el texto es correcto
- Verifica que los colores coinciden con tu marca
- Asegúrate de que el logo se muestra bien
- Prueba en móvil si es posible
Después de hacer cambios
Tras editar el formulario:
- Haz clic en "Guardar cambios" en la pestaña Editarar
- Cambia a la pestaña Vista previa
- Comprueba que los cambios se ven bien
- Revisa que no haya problemas de maquetación
Ver el formulario en vivo
Para ver el formulario como lo verán los clientes:
- Ve a la pestaña Insertar
- Copia la URL de tu formulario
- Ábrela en una nueva pestaña del navegador
- Así verás el formulario real en vivo (no en modo vista previa)
Consejo: Usa el botón "Ver en vivo" en la cabecera de gestión del formulario para abrir el formulario en una nueva pestaña.
Solución de problemas de la vista previa
Los cambios no aparecen
- Asegúrate de haber hecho clic en "Guardar cambios"
- Actualiza la pestaña de vista previa
- Borra la caché del navegador si hace falta
El logo no se muestra
- Comprueba que la URL del logo sea accesible públicamente
- Verifica que la URL sea correcta y completa
- Asegúrate de que el formato de imagen sea compatible (PNG, JPG, SVG)
Los colores se ven distintos
- Verifica que los códigos hex sean correctos (incluye la #)
- Revisa que no haya errores en los valores de color
- Comprueba que haya suficiente contraste