Botones de navegación
Puedes cambiar el texto o la imagen del botón Enviar desde el Diseñador de temas y puedes editar los botones Anterior y Siguiente en Configuración de campo para un salto de página.
Para editar el botón Enviar:
- Haz clic en Temas en el encabezado de tu cuenta.
- En el menú desplegable Tema, hasta la izquierda, selecciona un tema existente o crea uno nuevo.
- Selecciona Botón en la lista de propiedades.
- En el tipo de botón, selecciona Texto o Enlace (imagen).
- Texto: escribe el texto del botón que prefieras. Este campo es compatible con el formato UTF-8, así que podrás usar la mayoría de los caracteres extranjeros.
- Enlace (imagen): ingresa la URL de una imagen y el botón Enviar se convertirá en una imagen con hiperenlace.
- Haz clic en Aplicar.
- Haz clic en Guardar tema para guardar el tema. Si es un tema nuevo, tendrás que ponerle un nombre.
- Aplica el tema a cualquiera de los formularios o informes.
Si tienes un formulario multipágina, puedes personalizar los botones Siguiente y Anterior.
Para editar el botón Siguiente o Anterior:
- Inicia sesión y ve a Formularios.
- Haz clic en Editar al lado del formulario.
- Haz clic en Salto de página en tu formulario para abrir su Configuración de campo.
- Elige entre las siguientes opciones:
- Usar botón de texto: escribe el texto del botón que prefieras. Este campo es compatible con el formato UTF-8, así que podrás usar la mayoría de los caracteres extranjeros.
- Usar imagen para el botón (solo los siguientes botones): ingresa la URL de una imagen y el botón Siguiente se convertirá en una imagen con hiperenlace.
- Haz clic en Guardar formulario.
Cómo cambiar los estilos de los botones con CSS
Puedes agregar CSS personalizado a un tema para personalizar completamente la apariencia de los botones de navegación de tu formulario. Si tienes un formulario de varias páginas, también necesitas una cuenta para los botones Siguiente y Anterior. Estos son los selectores CSS para todos los botones de navegación que pueden mostrarse en los formularios Wufoo:
|
Botón
|
Selector
|
|---|---|
| Enviar | #guardarFormulario |
| Siguiente | #botónSiguientePágina |
| Anterior | #botónPáginaAnterior |
Botón Enviar faltante
Al usar un código código iFrame para insertar tu formulario en tu sitio web, el código incluye una altura que estimamos. Lamentablemente, hay un margen para errores debido a las diferentes resoluciones de los navegadores o tamaños de fuentes, por lo que a veces el botón Enviar aparecerá cortado en la parte inferior del formulario.
Para solucionarlo, necesitarás aumentar el atributo de altura en tu código para insertar. Localiza el código en tu sitio y encuentra el atributo altura . Dirá algo como height="746". Coloca un número mayor y continúa probando hasta que puedas ver todo en tu formulario. También debes asegurarte de dejar algo de espacio extra porque los mensajes de error ocupan más espacio si alguien llena un campo en tu formulario de forma incorrecta.