50 ejemplos de formularios digitales sencillos para aplicar en tu web

Mantener el contacto con tus lectores es una parte fundamental del marketing digital, por ello, te mostramos ejemplos de formularios con los que podrás conseguir la información de  los  consumidores de tu contenido para estar en contacto con ellos.

Utilizar diversos  formularios en tu sitio web  es una excelente táctica para difundir tu nuevo contenido. Debido a que los usuarios ingresan su correo electrónico, podrás emprender una campaña de email y  avisarles cuando es momento de visitar tu web nuevamente.

Existe una gran cantidad de formatos de formularios en el amplio mundo del marketing digital y del universo del internet.

La gran variedad se da debido a que durante su creación se puede aplicar cuanta creatividad se quiera y no existe un límite de datos que puedan solicitarse como filtros de seguridad.

Sin embargo, es cierto que la mayoría de los sitios web utilizan unos cuantos  tipos de formularios de forma recurrente, los cuales se pueden identificar por su posición dentro del sitio.

Es importante resaltar que los formularios web se crean en lenguajes de programación como lo son HTML, Java, .NET o Perl. Su utilización permite que de manera automática, el diseño y la información  sean compatibles con la interfaz que emplea en usuario para navegar por la web.

Por ello, nos hemos dado a la tarea de encontrar 50 formularios sencillos utilizados en blogs, tiendas de comercio electrónico y aplicaciones.

El formulario de inicio de sesión utilizado en la página web de Liverpool cumple con su función gracias a las siguientes características.

• Su diseño es sencillo.
• Utiliza colores llamativos y asociados al logo de la marca.
• Es pequeño, por lo que su visualización es rápida y entendible.

La compañía de venta ropa Forever 21, utiliza un formulario de suscripción para obtener el correo electrónico del visitante web, a fin de agregarlo a su base de datos de quienes reciben su newsletter. Por ello sus diseño es:

• Pequeño y claro
• Utiliza un CTA atractivo. Si te interesa saber más sobre los CTA te invitamos a leer nuestro artículo ¿qué es un CTA y cómo se utiliza?
• Aparece en la página de inicio, para que el usuario  no pueda ignorarlo.

En la página web de la empresa de plomería utilizan un formulario de comentarios para obtener los datos de los usuarios que quieran brindar su opinión. De esta manera consiguen el correo electrónico para añadirlo a su campaña de email marketing.

El formulario cumple con las siguientes características:

• En las celdas se especifica claramente la información que debe brindar el usuario
• El diseño es claro y limpio. No hay nada que distraiga al usuario.
• En el espacio para comentarios  es lo suficientemente amplio

Si quieres descubrir más estrategias de marketing, te invitamos a leer nuestro artículo de marketing digital donde te damos más ideas.

La tienda de ropa en línea, Shein, utiliza un formulario de envío funcional debido a que:

• Tiene un aspecto simple y directo, con la finalidad de que el cliente se enfoque en brindar los datos correspondientes a su domicilio para concretar la compra.
• Su diseño es ligero, de manera que no es cansado para la vista aunque contenga muchos elementos
• Las indicaciones para el  comprador son claras

El sitio web utiliza un formulario de inicio de sesión con las características acertadas:

• El botón de acción es de un color llamativo.
• Se utiliza la misma paleta de colores que en el resto del sitio
• Al formulario lo acompaña una imagen a un costado que representa la temática del sitio.

En la página web de Soluciones Corporativas, una empresa B2B, se utiliza un formulario de contacto con la finalidad de  ofrecer sus servicios de una forma personalizada. Por ello, se pueden apreciar los siguientes aspectos:

• Se establece de forma clara la información que debe brindar el usuario
• Los espacios de escritura son suficientes.
• Gracias a su aspecto sencillo, no se satura la vista del usuario.

En el blog de Miguel Gómez, experto en posicionamiento web, se utiliza un formulario de subscripción a Newsletter a cambio de  entregar de forma gratuita información sobre herramientas web. Con ello, es fácil que el usuario acceda a brindar su información a cambio del producto. En este formulario se puede apreciar.

• Un buen uso de CTA.
• Se deja en claro que se  brindará a cambio de la información
• Se pide poca información

El sitio web I Love PDF utiliza un formulario de registro con un diseño exitoso:

• Incluye el logo del sitio web
• Utiliza  una paleta de colores atractivo
• Deja en claro las finalidades del sitio web para convencer al usuario de realizar una cuenta.

En el formulario de Social Chef se pueden apreciar las siguientes características:

• Se especifica el uso de los datos personales del usuario
• Los campos  para escritura son amplios
• Se da la opción de elegir si recibir un  solo correo electrónico de contestación a sus comentarios o de recibir correos electrónicos como aviso de  nuevos contenidos.

La página de comercio electrónico Shopee utiliza un formulario de registro que:

• Se solicita la información por pasos, para evitar que el usuario tenga una sensación de brindar mucha información.
• Su formato es pequeño y simple
• Se deja en claro lo que se solicita.

En el blog de Semrush se utiliza un formulario  de suscripción a Newsletter funcional gracias a que cuenta con las siguientes características:

• El formulario aparece al centro de la página para captar la atención total del usuario.
• Su color es llamativo.
• Se explica de forma clara lo que se otorgará a cambio de los datos.

Para que los visitantes del sus sitio web creen una cuenta, Sears utiliza un formulario con las siguientes características:

• Se utiliza una sola página para la presentación del formulario, con la finalidad de que el usuario no tenga distracciones.
• El texto en el que se indica la información a brindar es del tamaño adecuado para su comprensión.
• Los elementos son llamativos a la vista.

El sitio web de la compañía de seguros para automóviles, Seguros GNP, utiliza un formulario de captación de datos personales con la finalidad de ofrecer sus servicios de una forma personalizada. Por ello, cuenta con las siguientes características.

• Utiliza el espacio de toda una página para evitar distracción
• Se usan elementos gráficos para mantener la atención del usuario en brindar la información.
• El color del botón acción es diferente al del fondo, con la finalidad de que se destaque.

Planeta Libros utiliza un formulario de inicio de sesión en una presentación inicial que le brinda opciones al usuario. Como se puede apreciar en la imagen, el cibernauta puede acceder a su cuenta o en caso de que no tenga, puede crear una.  Dicho formato cuenta con las siguientes características:

• Utiliza elementos gráficos atractivos
• Presenta más de una forma de inicio de sesión.
• Su diseño es ligero gracias a los espacios en blanco y a los elementos gráficos que permiten un descanso visual.

La página web del banco Santander utiliza un formulario en su home page para invitar a los visitantes a unirse a la banca digital. El formulario cuenta con un aspecto que:

• Es sencillo, directo y pequeño
• Utiliza colores llamativos
• Establece con claridad lo que se pretende.

Pexels, sitio web para descargar imágenes de forma gratuita, presenta un formulario de registro exitoso al contar con un aspecto

• Directo
• Con colores y elementos amigables a la vista
• Refuerza la finalidad del sitio con una imagen ubicada a un  lado del formulario.

Pinterest utiliza un formulario de creación de cuenta que  cumple con todos los requisitos de  un formulario exitoso.

• Es directo y claro
• Los espacios  en los que el usuario ingresa su información son fáciles de identificar.
• Muestra otras opciones para crear una cuenta colocando enlaces de otros sitios web, de manera que el usuario no tendría que ingresar manualmente sus datos, si así lo desea.

La agencia de viajes, Patagonia Travels, utiliza un formulario de contacto que los siguientes aspectos a resaltar:

• Los campos para introducir la información son del tamaño adecuado.
• El diseño del formulario es simple.
• El botón de acción se destaca.

El formulario para subscripción de la compañía Panasonic cuenta con las siguientes características:

• Utiliza un buen CTA.
• Deja en claro los beneficios que el usuario obtendrá al introducir sus datos.
• Explica lo que el usuario recibirá en su correo.

Para la creación de un correo electrónico, la empresa Microsoft utiliza un formulario en formato de varios pasos, lo cual tiene como ventajas:

• La presentación del formulario se mantiene pequeña y clara
• El usuario no tendrá la sensación de estar brindado mucha información

El sitio web de la compañía Jidosha utiliza un formulario  en el que el usuario ingresa sus datos para poder realizar la cotización de un vehículo. En el formulario se puede apreciar:

• Uso de colores llamativos.
• Espacios para brindar información de un tamaño óptimo.
• Su diseño da la sensación de que la información a brindar es poca.

El sitio web oficial de las Naciones Unidas utiliza un formulario de contacto para recibir los comentarios de los visitantes. En el se aprecia:

• El uso de un formato  muy sencillo y claro
• Se establece en un inicio la finalidad del formulario
• El espacio correspondiente para que el usuario brinde su comentario es lo suficientemente amplio.

El formulario de subscripción utilizado  en el blog de Posicionamiento Web, utiliza:

• Un CTA atractivo y eficaz.
• Colores llamativos.
• Un lenguaje informal con la finalidad de crear cercanía con el usuario.

Mercado Libre utiliza un formulario:

• Sencillo y directo
• Deja  en claro la información que debe ser brindada en cada casilla.
• Se presenta como el único elemento de la página para que el usuario no se distraiga.

En Marketing Ninjas utilizamos un formulario de suscripción a nuestro Newsletter que cuenta con:

• Un CTA llamativo
• Un aspecto sencillo y directo para dar a conocer lo que se pretende  hacer con la información del usuario.
• Incluye un enlace al Aviso Legal y a la Política de Privacidad.

Maider Tomasera utiliza un formulario de suscripción con:

• Un CTA atractivo, ofrece contenido gratuito a cambio de la suscripción.
• Especifica que al brindar el correo el usuario acepta recibir su Newsletter
• Los colores con atractivos a la vista.

La empresa inmobiliaria Luxury Home utiliza un formulario de  contacto ubicado al final de su pagina web, con la finalidad de obtener los datos del visitante web. El formulario cuenta con:

• Un diseño simple.
• Texto directo.
• Casillas de llenado con buen espacio.

Listopro utiliza un formulario de inicio de sesión al centro de su página, el cual cuenta con las siguientes características:

• Diseño pequeño
• Consistencia en la paleta de colores
• Gráficos de fondo que informan la finalidad del sitio

La página de Kiwi Limón utiliza un formulario de suscripción con el que ofrece poder adquirir contenido pro. Cuenta con las siguientes características:

• Aparece en la página inicial del sitio.
• Sigue la identidad visual de la marca.
• Ofrece un incentivo con el registro.

La red social Instagram utiliza un formulario que:

• Tiene un diseño simple y sencillo
• Solicita poca información
• Ofrece otras opciones para crear la cuenta

El sitio web utiliza un formulario de registro que aparece en la primera página con los siguientes aspectos:

• Ofrece en primera instancia otras opciones de registro para que el usuario no ingrese sus datos
• El objetivo del formulario es claro desde el comienzo
• Incluye un pequeño texto en donde se aclara la finalidad de la recolección de datos

El sitio web JIMDO permite iniciar sesión  con un formulario que:

• Brinda cuatro opciones para iniciar sesión
• Los botones de acción son grandes
• El diseño es sencillo y limpio

El sitio web de Ikea presenta un formulario para creación de cuenta en pocos pasos, con las siguientes características:

• Ocupa una página
• Solicita poca información
• El tamaño del texto es legible

Fotor, plataforma para edición de imágenes, utiliza un formulario para inicio de sesión que aparece en su home page. De el formulario se puede resaltar:

• Brinda varias opciones para inicio de sesión, con la finalidad de que el usuario no tenga que teclear su información
• Utiliza elementos gráficos atractivos
• El botón de acción se destaca debido al color resaltante

En la página oficial del Hotel  Four Season de la Ciudad de México, se accede al formulario mostrado en la imagen a través de un enlace  posicionado en la home page. El formulario se puede apreciar con las siguientes características a resaltar:

• Los campos para  introducir la información son de un tamaño adecuado
• Se utiliza una fotografía a un lado para reafirmar la temática de la página.
• Contiene un texto donde se establece el uso que se dará a los datos que sean brindados

El periódico El Financiero utiliza un formulario de suscripción con las siguientes características:

• Se divide en varios pasos
• Toda una página está destinada al formulario
• El texto con el que se indica la información a proporcionar es legible.

El Universal utiliza un formulario que

• Formulario flotante en la Home Page, esta se atenúa para que la atención del usuario vaya al formulario.
• Presenta varias opciones de inicio de sesión
• Utiliza el logo de la empresa.

La empresa constructora Century 21 utiliza un formulario para creación de cuenta con la finalidad de que el usuario pueda acceder a mayor información sobre los servicios de la empresa, a la par que la compañía obtiene el correo para mantener contacto con el interesado. Del formulario se puede resaltar:

• Diseño limpio y simple
• Texto legible
• Campos para ingresar la información del tamaño adecuado para ser identificados

La desarrolladora de viviendas Casas Aras utiliza un formulario de comentarios para obtener la información de sus visitantes. En el formulario podemos resaltar:

• El espacio para el comentario es amplio.
• El diseño es limpio y estructurado
• se especifica con claridad la información que se debe brindar en cada una de las celdas

En el formulario de registro para la plataforma Canva se pueden identificar  los aspectos:

• El formulario es pequeño y se especifica las ventajas que se tendrá al crear la cuenta
• El botón de acción es llamativo
• Da varias opciones para el registro

En el portal del medio de comunicación digital Animal Político, se utiliza un formulario de suscripción que se ubica al final de cada una de las páginas del sitio. En el se puede resaltar:

• Formato con colores atractivos
• Se muestra el costo de la suscripción y las diferentes opciones
• Contiene un texto a un costado en el que se especifican las funciones de la página web

El gobierno de Argentina incluye un formulario de comentarios en su sitio web oficial, con el que busca que los ciudadanos externes sus dudas y  dejen mensajes sobre su experiencia en el portal, o bien, alguna duda sobre un trámite. En el formulario podemos identificar:

• Un formato amplio y limpio
• En cada una de las casillas se especifica lo que el usuario debe brindar
• El espacio para escribir el comentario es amplio

La Universidad del Valle de México utiliza un formulario de contacto con la finalidad de  contactar directamente a los interesados en conocer a detalle su oferta educativa. Del formulario se puede destacar:

• El formulario es amplio y claro
• Incluye enlace al Aviso de Privacidad y solicita confirmación de lectura
• Se establece con claridad la información que el usuario debe de brindar

En  el sitio e-commerce de la tienda de ropa Zara se utiliza un formulario distinto para subscripción a su Newsletter. Los aspectos innovadores que se pueden señalar son:

• Gracias a su diseño, no se distingue el margen del formulario con el resto de la página.
• Da la opción al usuario de seleccionar  que información recibir en el Newsletter.
• El usuario solo debe teclear su correo electrónico.

La Universidad Autónoma de Guadalajara utiliza un formulario de contacto para que el visitante de su página web puede recibir la información que le interesa conocer. Del formulario podemos resaltar:

• En algunos de los campos el usuario debe seleccionar alguna de las opciones ya predispuestas
• Solicita el correo electrónico y el número celular
• Utiliza un buen CTA

La plataforma para entrega de comida, Uber Eats, utiliza un formulario de inicio de sesión en su sitio web, para quienes no cuentan con la aplicación móvil. Este formulario se destaca debido a que:

• Utiliza toda una página
• El diseño es simple y claro
• Pide poca información

La tienda en línea Stradivarius utiliza un formulario de subscripción en su Home Page, en la cual se pueden identificar los siguientes aspectos:

• El fondo se atenúa
• Deja en claro lo que se obtendrá con la suscripción
• Da la opción de hacer el proceso en otro momento

La empresa Toldos Gómez utiliza un formulario de contacto  en su sitio web con la finalidad de brindarle al usuario una atención personalizada al momento de ofrecer sus servicios. En el diseño podemos identificar las siguientes características:

• Utiliza colores y formas atractivas
• Se especifica  dos veces la información que se debe de brindar en cada campo
• Deja en claro para que es el formulario

La plataforma de cursos en línea Coursera, utiliza un formulario de registro de cuenta:

• Sencillo
• Contiene tres campos para llenar de información
• Brinda la opción de registrar cuenta por medio de otras plataformas

El sitio web de planeación de viajes Trivago utiliza un formulario de inicio de sesión que:

• Da diversas opciones para completar la acción
• El formato es atractivo
• Contiene un enlace si lo que se desea es crear una cuenta

Si ahora que ya sabes como es un formulario web, te interesa crear uno para tu sitio, te dejamos este artículo con el que podrás hacer tu primer formulario HTML