Los formularios son una herramienta esencial para interactuar con tus usuarios, ya sea para recibir mensajes, solicitudes de cotización o cualquier tipo de información. Configurar correctamente los datos básicos de un formulario en Creaweb es crucial para garantizar su funcionalidad y personalización. Aquí te mostramos un tutorial claro y sencillo para que logres hacerlo paso a paso.
Paso 1: Crea o selecciona un menú de tipo formulario
Si aún no has creado un menú de tipo formulario, consulta nuestra guía para crear menús antes de continuar.
Si ya tienes un menú de formulario creado, identifícalo en la lista de menús y selecciona su nombre o haz clic en el botón verde con un ícono de barras y un símbolo de más, ubicado en la fila correspondiente.
Paso 2: Accede a la pestaña de edición del formulario
Si estás creando un menú tipo formulario por primera vez o aún no guardas información básica del formulario, puedes omitir este paso.
Si estás editando un menú existente, tras seleccionarlo serás dirigido a una vista principal. Desde allí, haz clic en la pestaña «Editar formulario», visible en la parte superior del contenedor principal.
Paso 3: Completa la información básica del formulario
En esta sección podrás agregar o modificar la información esencial de tu formulario. Asegúrate de completar los siguientes campos:
Correos electrónicos: Indica las direcciones a las que llegará la información enviada desde el formulario. Puedes ingresar varias separadas por comas.
Texto del formulario (opcional): Según el diseño del tema, este texto puede mostrarse junto al formulario como una breve descripción o introducción.
Texto del botón de envío: Personaliza el texto que aparecerá en el botón de envío. Por ejemplo: Enviar, Cotizar o Contáctanos.
Color del texto del botón de envío: Permite elegir el color del texto del botón de envío. Las opciones disponibles son:
- Color por defecto del tema: Utiliza el estilo predeterminado del diseño del sitio.
- Color del menú: Combina con los colores definidos en el menú.
- Primario, secundario, terciario: Selecciona entre los colores principales establecidos para el sitio.
- Success, danger, warning: Indicadores visuales para mostrar éxito, advertencia o error.
- Dark, light: Alternativas de colores claros u oscuros.
¿Mostrar botón de limpiar formulario?: Activa esta opción si deseas incluir un botón adicional que permita al usuario limpiar todos los campos del formulario antes de enviarlo.
¿Mostrar un mensaje de éxito al enviar el formulario?: Activa esta opción si deseas que los usuarios vean un mensaje de confirmación tras enviar el formulario.
Mensaje de confirmación de envío: Este campo es obligatorio si activaste la opción anterior. Escribe el mensaje que los usuarios verán tras enviar el formulario con éxito, por ejemplo: Gracias, hemos recibido tu mensaje.
¿Redireccionar página al enviar el formulario?: Marca esta casilla si quieres que, al enviar el formulario, los usuarios sean redirigidos a otra página.
URL de redirección: Si activaste la redirección, indica aquí la dirección web a la que serán enviados los usuarios tras completar el formulario.
Opciones avanzadas del formulario
Si habilitas esta sección, tendrás acceso a configuraciones adicionales:
Alineación del nombre con el campo correspondiente en el formulario: Determina si el texto del campo aparecerá al lado (horizontal) o arriba (vertical).
Tamaño del contenedor de los botones del formulario en pantalla de dispositivos grandes, medianos y pequeños
Posición del botón de envío: Especifica si el botón de envío estará alineado a la izquierda, centrado o a la derecha.
Paso 4: Guarda los datos
Haz clic en el botón «Guardar» para confirmar los cambios realizados en la configuración básica del formulario.
Paso 5: Gestiona los campos del formulario
Una vez guardes los datos, accederás a una vista donde podrás gestionar los campos específicos del formulario (como nombre, correo, mensaje, etc.). Para aprender a configurar estos campos, consulta nuestra guía específica desde el paso 3 de este FAQ.
Optimiza tus formularios
Ahora que has configurado la información básica, asegúrate de probar el formulario para verificar su funcionamiento. Una correcta configuración no solo facilita la interacción con tus usuarios, sino que también mejora la experiencia general de tu sitio web.