El módulo de formularios permite crear formularios de contacto totalmente personalizados, organizando los campos en filas y columnas.

1. Editar formulario

Al seleccionar el módulo de formulario encontrarás la pestaña Ajustes, donde puedes configurar su funcionamiento.

Enviar a

Introduce el correo electrónico que recibirá los mensajes del formulario.

Ejemplo: info@empresa.com

Puedes añadir varios destinatarios separándolos por comas: info@empresa.com, ventas@empresa.com

Enviar a (Cco)

Permite enviar una copia oculta del formulario a otros destinatarios.

Es opcional y también admite varios correos separados por comas.

Nombre del formulario

Nombre interno para identificar el formulario.

Este nombre no se muestra en la web, únicamente sirve para organizar formularios.

Ejemplo:

  • Contacto
  • Solicitud de presupuesto
  • Reserva restaurante

Asunto del correo

Permite definir el asunto con el que llegará el email.

También admite variables dinámicas.

Ejemplos:

Texto del botón

Personaliza el texto del botón de envío.

Ejemplos:

  • Enviar
  • Solicitar presupuesto
  • Reservar mesa
  • Quiero más información

2. Añadir filas

Los formularios se construyen mediante filas, y dentro de cada fila puedes añadir una o varias columnas.

Cada fila utiliza el sistema Bootstrap de 12 columnas.

Ejemplos

Una columna = 1/1
Dos columnas = 1/2 + 1/2
Tres columnas = 1/3 + 1/3 + 1/3

3. Tipos de bloques

Dentro de cada columna puedes añadir distintos bloques.

Dentro de cada fila puedes añadir uno o varios bloques, dependiendo de la estructura que quieras crear para tu formulario.

Campo de texto

El campo más común del formulario. Permite introducir texto libre en una única línea.

Usos habituales:

  • Nombre
  • Apellidos
  • Empresa
  • Ciudad
  • Asunto

Entrada de teléfono

Campo específico para números de teléfono.

En dispositivos móviles muestra el teclado numérico para facilitar la introducción del número.

Entrada numérica

Permite introducir únicamente valores numéricos.

Ideal para:

  • Cantidades
  • Número de asistentes
  • Edad
  • Unidades

Entrada de fecha

Permite seleccionar una fecha mediante un calendario.

Perfecto para:

  • Reservas
  • Citas
  • Fechas de eventos
  • Solicitudes de recogida

Área de texto

Campo de varias líneas pensado para escribir textos largos.

Se utiliza normalmente para:

  • Mensajes
  • Comentarios
  • Descripción de un proyecto
  • Observaciones

Caja de mensajes

Bloque informativo que permite mostrar un texto dentro del formulario.

No es un campo que el usuario pueda rellenar; se utiliza para añadir avisos, instrucciones o información adicional antes o entre los campos.

Entrada de email

Campo específico para direcciones de correo electrónico.

Valida automáticamente que el formato del email sea correcto y puede utilizarse como dirección de respuesta desde la configuración del formulario.

Casilla de verificación

Permite al usuario marcar una o varias opciones.

Es muy utilizada para:

  • Aceptar la política de privacidad.
  • Suscribirse a un boletín.
  • Seleccionar varios servicios o intereses.

Campo de archivo

Permite al usuario adjuntar un archivo al enviar el formulario.

Puede utilizarse para subir documentos, imágenes o archivos PDF.

Importante: Solo puede existir un campo de archivo por formulario.

Desplegable

Muestra una lista de opciones de la que el usuario solo puede seleccionar una.

Es recomendable cuando existen muchas opciones y se quiere ahorrar espacio.

Ejemplo:

  • Diseño web
  • Tienda online
  • SEO
  • Mantenimiento

Campo de radio

Permite seleccionar una única opción entre varias disponibles.

A diferencia de las casillas de verificación, solo puede elegirse una respuesta.

Ejemplo:

  • Sí
  • No

Entrada de audio

Permite al usuario grabar y enviar un mensaje de voz directamente desde el formulario, siempre que su dispositivo sea compatible.

Resulta útil en formularios donde es más cómodo explicar una consulta mediante audio que escribirla.

⚠️ Importante: configuración de cada campo

Todos los campos del formulario comparten una serie de opciones de configuración. Es importante completarlas correctamente para asegurar el buen funcionamiento del formulario.

  • Campo obligatorio: puedes indicar si ese campo debe rellenarse obligatoriamente antes de enviar el formulario.
  • ID del campo: es obligatorio y debe ser único dentro del formulario. Utiliza únicamente letras minúsculas, números y guiones bajos (_). No utilices espacios, tildes, comas, caracteres especiales ni mayúsculas.
  • Etiqueta: es el texto que verá el usuario como nombre del campo.
  • Placeholder: es el texto de ayuda que aparece dentro del campo antes de que el usuario escriba.
  • Ingresa tu nombre (obligatorio): también es obligatorio y es el texto que aparecerá si el usuario intenta enviar el formulario sin completar un campo marcado como obligatorio. Lo recomendable es utilizar un mensaje específico para cada campo.
  • Recomendación: dedica unos minutos a configurar correctamente el ID, la etiqueta, el placeholder y el mensaje de validación de cada campo. Esto facilitará la gestión de los formularios y mejorará la experiencia del usuario.

No puede haber dos campos con el mismo ID / Nombre (obligatorio) ni pueden estar vacios.

Cómo modificar botón flotante
Anterior