Campo de correo electrónico
Recolle enderezos de correo electrónico con confianza. Desde formularios de contacto ata rexistros con confirmación de dobre entrada, restricións de dominio e autocompletar no navegador, o campo Correo electrónico proporciona unha recollida precisa de correo electrónico con validación integrada e prevención de erros tipográficos.
Recollida profesional de correos electrónicos con validación intelixente
Perfecto para:
Funcións potentes para cada caso de uso
✅ Campo de confirmación do correo electrónico
Prevención de erros tipográficos por dobre entrada:
Engade un segundo campo de "Confirmar correo electrónico" onde os usuarios deben volver introducir o seu enderezo de correo electrónico. Evita erros tipográficos e garante unha recollida precisa do correo electrónico.
Como funciona:
- O campo de correo electrónico principal aparece primeiro
- O campo "Confirmar correo electrónico" aparece a continuación
- O sistema valida que ambas entradas coinciden
- A retroalimentación visual mostra o estado da coincidencia (verde = coincidencia, vermello = non coincidencia)
- O formulario non se enviará ata que os correos electrónicos coincidan
Por que usar a confirmación:
- Evita erros ortográficos custosos ([protexido por correo electrónico] fronte a gmail.com)
- Garante a entregabilidade dos correos electrónicos importantes
- Reduce as taxas de rebote
- Boas prácticas profesionais para formularios críticos
- Os usuarios detectan os seus propios erros
Perfecto para:
- Rexistro de conta (correos electrónicos de restablecemento de contrasinal)
- Confirmacións de pedidos (entrega de recibos)
- Rexistro de eventos (correos electrónicos de entradas)
- Notificacións de pagamento
- Calquera formulario onde a precisión do correo electrónico sexa fundamental
Experiencia do usuario:
Validación en tempo real con comentarios codificados por cores. Os usuarios ven inmediatamente se os correos electrónicos coinciden sen esperar a que se envíe o formulario.
🏢 Restrición de dominio
Dominios de correo electrónico específicos da lista branca:
Activa "Restrinxir dominios de correo electrónico permitidos" para aceptar só correos electrónicos de dominios específicos. Perfecto para formularios exclusivos de empresas, rexistros privados ou acceso controlado.
Como funciona:
- Introduza os dominios permitidos (un por liña)
- O sistema valida o dominio do correo electrónico ao enviar
- Só se aceptan os dominios coincidentes
- Mensaxes de erro claras para dominios rexeitados
Casos de uso común:
Só correo electrónico da empresa:
Permite só correos electrónicos con `@súaempresa.com` para formularios internos, enquisas de empregados ou rexistros de persoal.
Institución educativa:
Restrinxir a `@university.edu` para formularios só para estudantes, enquisas do campus ou rexistros académicos.
Varios socios:
Permite varios dominios como `empresa1.com`, `empresa2.com` ou `socio3.com` para portais de socios ou formularios B2B.
Organizacións verificadas:
Incluír organizacións específicas na lista branca para contido só para membros, ofertas exclusivas ou acceso verificado.
Exemplos:
- Comentarios dos empregados: só `yourcompany.com`
- Portal do estudante: `school.edu`, `university.edu`
- Rexistro de socio: `socio1.com, socio2.com, socio3.com`
- Acceso para membros: `org1.org, org2.org, nonprofit.org`
Beneficios:
- Garante envíos lexítimos
- Evita o acceso non autorizado
- Valida a afiliación organizativa
- Reduce o spam dos correos electrónicos públicos
- Controla o acceso a formularios restrinxidos
🔄 Autocompletar do navegador
Entrada de correo electrónico máis rápida:
Activa "Permitir suxestións do navegador" para que os navegadores suxiran enderezos de correo electrónico usados anteriormente. Os usuarios poden seleccionar entre os correos electrónicos gardados cun só clic.
Como funciona:
O navegador recoñece o campo de correo electrónico
Suxire enderezos de correo electrónico gardados
O usuario fai clic na suxestión para completar automaticamente
Completar formularios ao instante
Beneficios:
Completar formularios máis rápido (1 clic en lugar de escribir)
Reduce erros tipográficos (sen entrada manual)
Mellora a experiencia do usuario
Taxas de finalización máis altas
Especialmente útil en móbiles
Respectuoso coa privacidade:
Os usuarios controlan o que gardan os navegadores. A función de autocompletar respecta a configuración de privacidade do navegador e as preferencias do usuario.
Cando activar:
Formularios de contacto (visitantes recorrentes)
Subscricións a boletíns informativos (usuarios recorrentes)
Formularios de consulta rápida
Formularios públicos con uso repetido
Cando desactivar:
Rexistros sensibles
Escenarios de ordenadores compartidos
Formularios de alta seguridade
Cando se debe introducir o correo electrónico manualmente
✉️ Validación de correo electrónico integrada
Comprobación automática de formato:
Os campos de correo electrónico inclúen validación HTML5 integrada. Os navegadores verifican automaticamente o formato do correo electrónico antes do envío.
Regras de validación:
Debe conter o símbolo `@`
Debe haber texto antes de `@` (nome de usuario)
Debe haber un dominio despois de `@`
Debe ter unha extensión de dominio válida (.com, .org, etc.)
Sen espazos nin caracteres non válidos
Comentarios en tempo real:
Os navegadores mostran mensaxes de validación como "Inclúa '@' no enderezo de correo electrónico" ou "Introduza o correo electrónico despois de '@'".
Erros comúns detectados:
Falta `@`: `useremailcom` ✗
Dominio que falta: `usuario@` ✗
Falta a extensión: `usuario@dominio` ✗
Espazos: `usuario @correoelectrónico.com` ✗
Caracteres non válidos: `usuario@@correoelectrónico.com` ✗
Formato de correo electrónico válido:
`[protexido por correo electrónico]`,`[protexido por correo electrónico]`,`[protexido por correo electrónico]` ✓
📝 Valor predeterminado do correo electrónico
Enderezos de correo electrónico preenchidos:
Define un enderezo de correo electrónico predeterminado que aparecerá cando se carga o formulario. Útil para correos electrónicos de asistencia, contactos predeterminados ou formularios de demostración.
Casos de uso:
- Preencher o correo electrónico de asistencia para as solicitudes de devolución de chamada
- Mostrar exemplo de formato de correo electrónico ([protexido por correo electrónico])
- Definir o correo electrónico do usuario coñecido da base de datos
- Contacto predeterminado para a organización
Editable:
Os usuarios poden cambiar ou substituír facilmente o valor predeterminado. É un punto de partida, non está bloqueado.
🎯 Experiencia de usuario mellorada
Funcións intelixentes integradas:
- Teclado específico para correo electrónico: os dispositivos móbiles mostran un teclado optimizado coas teclas @ e .
- Atributo de autocompletar: autocompletar HTML5 axeitado para campos de correo electrónico
- Recortar espazos en branco: eliminación automática de espazos accidentais
- Conversión de minúsculas: conversión opcional a minúsculas para maior coherencia
- Validación visual: retroalimentación codificada por cores para a confirmación da coincidencia
- Mensaxes de erro claras: comentarios de validación específicos
- Validación obrigatoria: facer que a entrada de correo electrónico sexa obrigatoria
- Soporte de texto de axuda: engadir suxestións de formato de correo electrónico
- Clases CSS personalizadas: aplicar estilos personalizados
- Compatibilidade con accesibilidade: etiquetas ARIA, compatible con lectores de pantalla
- Texto de marcador de posición: Mostrar suxestións de formato de correo electrónico
- Compatible con copiar e pegar: os enderezos de correo electrónico completos péganse de forma limpa
🔀 Lóxica condicional
Visibilidade dinámica do campo de correo electrónico:
Mostrar ou ocultar campos de correo electrónico segundo outros valores do formulario. Mostrar a colección de correos electrónicos só cando sexa relevante.
Regras de lóxica avanzada:
- Lóxica E: deben cumprirse todas as condicións
- OU Lóxica: calquera condición pode desencadear a acción
- 8 operadores: Igual a, Non igual a, Maior que, Menor que, Contén, Está baleiro e máis
Casos de uso:
- Mostrar "Correo electrónico da empresa" só cando o tipo de cliente sexa igual a "Empresa"
- Mostrar "Correo electrónico alternativo" cando o usuario marque "Engadir contacto secundario"
- Mostrar o "Correo electrónico da empresa" cando o tipo de rexistro sexa igual a "Corporativo"
- Ocultar "Correo electrónico persoal" cando a preferencia de contacto sexa "Só teléfono"
Configuración sinxela en 3 pasos
Ten listo o teu campo de correo electrónico en minutos
Engadir campo de correo electrónico
Arrastra e solta o campo Correo electrónico da sección Campos básicos no teu formulario.
Activar confirmación (opcional)
Marca "Engadir campo de confirmación" para esixir a validación de dobre entrada e evitar erros tipográficos en formularios críticos.
Configurar restricións (opcional)
Activa a restrición de dominio para os correos electrónicos exclusivos da empresa, activa a función de autocompletar do navegador para maior comodidade e define o valor predeterminado se é necesario.
🎉 Iso é todo! O teu campo de correo electrónico está listo con validación intelixente e prevención de erros ortográficos.
Aplicacións do mundo real
Formularios de contacto
* Correos electrónicos de consultas xerais
* Contactos para solicitudes de asistencia
* Recollida de información de contacto
* Correos electrónicos de solicitude de devolución de chamada
Rexistro de usuario
* Correos electrónicos de creación de contas
* Correos electrónicos de credenciais de inicio de sesión
* Correos electrónicos de restablecemento de contrasinal
* Enderezos de correo electrónico de verificación
Boletín informativo e mercadotecnia
* Correos electrónicos de subscrición ao boletín informativo
* Recollida de solicitudes de participación en mercadotecnia
* Rexistro en campañas de correo electrónico
* Recollida de correos electrónicos promocionais
E-Commerce
* Correos electrónicos de confirmación de pedidos
* Correos electrónicos de entrega de recibos
* Correos electrónicos de notificación de envío
* Correos electrónicos da conta do cliente
Aplicacións comerciais
* Correos electrónicos de solicitude de orzamento
* Correos electrónicos de notificación de propostas
* Correos electrónicos de comunicación do proxecto
* Recollida de contactos de clientes
Educación e eventos
* Correos electrónicos de rexistro de eventos
* Correos electrónicos de inscrición nos cursos
* Correos electrónicos de notificación de seminarios web
* Correos electrónicos de entrega de certificados
Opcións de campo completas
Configuración básica
- Etiqueta do campo: o título que se mostra enriba do campo de correo electrónico
- Descrición/Texto de axuda: guía adicional para os usuarios
- Campo obrigatorio: facer que a entrada do correo electrónico sexa obrigatoria
- Texto de marcador de posición: pista que se mostra antes de que os usuarios escriban (por exemplo, "[protexido por correo electrónico]")
Valor predeterminado
Valor predeterminado: enderezo de correo electrónico preenchido cando se carga o formulario
Confirmación do correo electrónico
- Engadir campo de confirmación: engade un segundo campo onde os usuarios deben volver introducir o seu correo electrónico para evitar erros tipográficos.
- Valida automaticamente a coincidencia de ambas entradas
- Mostra comentarios codificados por cores en tempo real
- Impide o envío de formularios ata que os correos electrónicos coincidan
Integración de navegador
Permitir suxestións do navegador: permite que os navegadores suxiran enderezos de correo electrónico usados anteriormente para completar máis rápido
Restricións de dominio
Restrinxir dominios de correo electrónico permitidos: só aceptar enderezos de correo electrónico de dominios específicos (por exemplo, só correos electrónicos de empresas)
- Dominios de correo electrónico permitidos: introduza cada dominio permitido nunha nova liña (sen o símbolo @)
- Exemplo: `gmail.com`, `outlook.com`, `súaempresa.com`
- Un dominio por liña
- O sistema valida o dominio ao enviar
Lóxica condicional
- Activar a lóxica condicional: mostrar/ocultar segundo as condicións
- Tipo lóxico
- Débense cumprir todas as condicións (E)
- Calquera condición pódese cumprir (OU)
- Regras de condición
- Mostrar/Ocultar: acción a realizar
- Campo: que campo comprobar
- Operador – Igual a, Non é igual a, Contén, Maior que, Menor que, Está baleiro, Non está baleiro
- Valor – Valor de comparación
- Condicións múltiples: engade regras ilimitadas
Opcións avanzadas
- Campo oculto: facer o campo invisible pero incluír o correo electrónico nos envíos
- Clases CSS personalizadas: aplicar estilos personalizados
- Atributos de accesibilidade: etiquetas ARIA para lectores de pantalla
- Transformación de texto: conversión opcional en minúsculas
- Recorte de espazos en branco: eliminación automática de espazos
Por que elixir o noso campo de correo electrónico?
✅ Prevención de erros tipográficos -
O campo de confirmación garante unha recollida precisa do correo electrónico
✅ Restrición de dominio -
Dominios específicos na lista branca para acceso controlado
✅ Autocompletar do navegador -
Entrada máis rápida con suxestións de correo electrónico gardadas
✅ Validación integrada – Comprobación automática do formato de correo electrónico HTML5
✅ Optimizado para móbiles – Teclados específicos para o correo electrónico en dispositivos móbiles
✅ Retroalimentación visual – Validación de coincidencias en tempo real para a súa confirmación
✅ Redución de correo lixo – As restricións de dominio impiden os correos electrónicos falsos
✅ Amigable – Mensaxes e suxestións de validación claras
✅ Totalmente integrado – Funciona perfectamente con todas as funcionalidades do formulario
Preguntas máis frecuentes
P: Para que serve o campo de confirmación do correo electrónico?
Engade un segundo campo de "Confirmar correo electrónico" onde os usuarios deben volver introducir o seu correo electrónico. Evita erros tipográficos como [protexido por correo electrónico] en lugar de gmail.com. Ambos campos deben coincidir para enviar.
P: Como funciona a restrición de dominios?
Actívao e introduce os dominios permitidos (un por liña) como a túaempresa.com. Só se aceptan os correos electrónicos que rematan con eses dominios.
P: Podo permitir varios dominios?
Si. Introduza varios dominios, un por liña, como empresa1.com, empresa2.com, socio.com. Calquera deles será aceptado.
P: Debería usar a confirmación por correo electrónico para todos os formularios?
Úsao para formularios importantes como rexistros, pedidos ou entradas para eventos. Omíteo para formularios de consulta sinxelos para que as cousas sexan rápidas para os usuarios.
P: Que fai “Permitir suxestións do navegador”?
Activa o autocompletado do navegador para que os usuarios poidan escoller entre os seus enderezos de correo electrónico gardados en lugar de escribir manualmente.
P: Os usuarios poden omitir a validación do correo electrónico?
Non. Os navegadores aplican as regras de formato de correo electrónico automaticamente, bloqueando formatos incorrectos como usuario@ ou @dominio.com.
P: Como podo restrinxir só aos correos electrónicos da empresa?
Activa "Restrinxir dominios de correo electrónico permitidos" e introduce o dominio da túa empresa. Só se aceptarán correos electrónicos que usen ese dominio.
P: O campo de confirmación móstrase na mesma liña?
Non. Aparece xusto debaixo do campo principal de correo electrónico coa etiqueta "Confirmar correo electrónico".
P: Que teclado aparece no móbil?
Os dispositivos móbiles amosan un teclado compatible co correo electrónico con @, punto e atallos de dominio común.
P: Podo usar campos de correo electrónico con lóxica condicional?
Si. Podes mostrar ou ocultar os campos de correo electrónico segundo as seleccións do usuario usando condicións como "Está baleiro", "Non está baleiro" ou "Igual a".
P: Que ocorre se os dominios non coinciden?
O usuario recibe unha mensaxe como: "Dominio de correo electrónico non permitido. Utilice un dominio aprobado".
P: Debería activar o autocompletar por razóns de seguridade?
Depende. Activa por comodidade en formularios públicos. Desactiva en sistemas compartidos ou confidenciais cando se prefira a entrada manual.
