Los 10 mejores ejemplos de páginas de contacto y las mejores prácticas que debes conocer

Índice

Página de contacto: mejores prácticas y conclusiones clave
Los 10 mejores ejemplos de páginas de contacto
Preguntas frecuentes sobre la página de contacto

D ¿Quieres crear la mejor página Contáctenos posible en tu sitio web?

Una página de contacto puede parecer bastante simple a primera vista, pero hay muchos factores importantes a tener en cuenta al crear la tuya.

La página de contacto perfecta le ayudará a…

Obtenga más y MEJORES clientes potenciales
Reduce el spam en tu bandeja de entrada
Ahorre tiempo en el intercambio de correos electrónicos
Reduzca los discursos de venta irrelevantes

¿Buscas los mejores ejemplos de páginas de contacto para inspirarte?

Ya sea que estés comenzando un blog por primera vez o ya tengas un sitio web por un tiempo, nunca es demasiado tarde para crear una página de contacto bien diseñada.

Si desea pasar directamente a la página de consejos y mejores prácticas y ejemplos de Contáctenos, ¡no dude en hacerlo!

En esta guía:

u003ca href=u0022#takeawaysu0022u003ePágina de contacto: mejores prácticas y conclusiones claveu003c/au003ernu003ca href=u0022#best-contact-pagesu0022u003eLas 10 mejores páginas de contacto en la Webbu003c/au003ernu003ca href=u0022#contact-page-faqsu0022u003ePágina de contacto: preguntas frecuentesu003c/au003ern- u003ca href=u0022#what-contact-pageu0022u003e¿Qué es exactamente una página de contacto?u003c/au003ern- u003ca href=u0022#why-contact-information-importantu0022u003e¿Por qué es importante la información de contacto en una ¿Qué debería incluir una página de contacto? ¿Qué campos debe incluir en su formulario de contacto? ¿Dónde debe colocar un formulario de contacto en su página de contacto? ¿Dónde debe colocar un formulario de contacto en su página de contacto? ¿Cómo agrego un mapa de Google a mi sitio web?

¡Empecemos!

Página de contacto: mejores prácticas y conclusiones clave

Antes de pasar a algunos ejemplos que muestran estas mejores prácticas, queremos que aquellos que tienen prisa obtengan las “SparkNotes” sobre cómo crear una página de contacto.

A continuación se presentan algunas prácticas recomendadas para diseñar una página de “Contáctenos” eficaz en un sitio web:

Prominencia : haz que el enlace “Contáctanos” sea fácilmente visible y accesible desde todas las páginas de tu sitio web. Es común incluirlo en la navegación del encabezado o pie de página.
Varias opciones de contacto : proporcione múltiples formas para que los visitantes se comuniquen, como un formulario de contacto, una dirección de correo electrónico, un número de teléfono, una dirección física y enlaces a redes sociales.
Borrar los campos del formulario : si tienes un formulario de contacto, asegúrate de que los campos estén claramente etiquetados y organizados de forma lógica. Incluye los campos obligatorios, como el nombre, el correo electrónico y el mensaje.
Declaración de privacidad : garantice a los visitantes que su información personal se manejará de forma segura y confidencial incluyendo una declaración de privacidad.
Expectativa de tiempo de respuesta : establezca expectativas realistas para los tiempos de respuesta, como “Normalmente respondemos dentro de las 24 horas hábiles”.
Mensaje de confirmación : después de que un visitante envíe el formulario, muestre un mensaje de confirmación para informarle que su mensaje se recibió correctamente.
Métodos de contacto alternativos : ofrezca métodos de contacto adicionales como chat en vivo, Skype o un correo electrónico de soporte dedicado para diferentes tipos de consultas.
Persona o departamento de contacto : si corresponde, especifique la persona o departamento de contacto adecuado para los diferentes tipos de consultas.
Mapas e indicaciones : si tienes una ubicación física, incorpora un widget de Google Maps con tu dirección e indicaciones.
Accesibilidad : asegúrese de que su formulario y página de contacto sean accesibles para usuarios con discapacidades, siguiendo las pautas de accesibilidad web.

El objetivo es facilitar que los visitantes encuentren la información que necesitan para comunicarse con usted, al mismo tiempo que se les proporciona una experiencia de usuario positiva y se genera confianza.

Y si quieres crear una página de contacto de forma rápida y sencilla, te recomendamos utilizar WPForms Lite . WPForms Lite es el generador de formularios de arrastrar y soltar más popular. Es muy fácil de usar y es gratuito.

Consulta nuestro tutorial sobre cómo crear un formulario de contacto en WordPress para obtener instrucciones paso a paso.

Y la versión Pro de WPForms puede ayudarte a llevar tus formularios de contacto al siguiente nivel con funciones de la página Contáctenos como:

Formularios de varias páginas
Subidas de archivos
Integraciones de pago
Complementos para recopilar firmas, aceptar envíos de publicaciones de invitados, capturar clientes potenciales parciales y más

Además, tendrás acceso a una biblioteca de más de 1500 plantillas de páginas de contacto que no tiene rival en la industria, ¡probablemente por eso más de 6 millones de sitios web confían en ella!

Eche un vistazo a estas potentes funciones de WPForms

Generador visual de arrastrar y soltar Más de 1500 plantillas de formularios Diseños adaptables a dispositivos móviles Lógica condicional inteligente Notificaciones instantáneas Integraciones de correo electrónico Integraciones de pasarela de pago Gestión sencilla de entradas

¡Empieza a utilizar WPForms!

Los 10 mejores ejemplos de páginas de contacto

A veces, con solo examinar ejemplos de diseños de páginas de contacto eficaces, puede obtener inspiración para modificar las suyas y aumentar las conversiones o evitar perder un cliente potencial.

Así que echemos un vistazo a 10 de las mejores páginas de Contáctenos de la web.

1.Gramáticamente

La página de contacto de Grammarly se encuentra en la parte superior de nuestra lista de mejores páginas de contacto porque está limpia y ordenada y deja en claro que tiene 3 opciones para elegir: Prensa, Soporte o Ventas.

La sección de prensa te lleva a una selección de comunicados de prensa y medios que pueden responder a tu consulta. Si no es así, hay una dirección de correo electrónico de prensa específica con la que puedes ponerte en contacto.
La opción Soporte lo dirige al portal de soporte donde puede buscar respuestas en la base de conocimientos, comunicarse con equipos específicos como Cuentas y Facturación, o ir a una página de contacto general.
Al hacer clic en Ventas, accederá a una nueva página donde deberá completar un formulario de contacto :

En general, todo es fácil de seguir y el diseño de la página Contáctenos coincide con la marca de la empresa.

2.Moz

La página de contacto de Moz comienza como un elemento del submenú de la página Acerca de nosotros , pero su mensaje es claro: “¡Nos encantaría saber de usted!”

A continuación de esa cálida bienvenida se encuentra la dirección de su oficina física (también hay un mapa en la parte inferior de la página) y luego un botón para hacer clic si desea comunicarse con el equipo de ayuda de la empresa.

Al hacer clic en el botón, accederá al formulario de ayuda de contacto, que incluye una selección desplegable en el primer campo para que su consulta pueda dirigirse al equipo correcto.

¿Quieres crear un menú desplegable como ese en tu propio formulario? Consulta este tutorial paso a paso sobre cómo permitir que los usuarios seleccionen destinatarios en tu formulario de WordPress.

¡Muéstrame cómo!

Después de eso, hay un par de campos de dirección de correo electrónico para completar, uno en el que prefieres que te contacten y otro que está asociado con tu cuenta de Moz. Y, por último, hay un campo para ingresar los datos de contacto de tu solicitud antes de presionar el botón Enviar .

3.Formularios WP

WPForms figura en nuestra lista de las mejores páginas de contacto porque resulta muy útil para los visitantes. Esta página de contacto le ofrece dos opciones: preguntas técnicas o preguntas básicas .

La ruta de preguntas técnicas te lleva a la documentación de soporte donde puedes buscar una respuesta. Si no encuentras lo que buscas, hay un formulario sencillo que puedes completar:

El formulario incluye varias opciones de contacto para seleccionar el equipo correcto para su consulta, como Informe de errores y Solicitud de contacto de funciones. Y en el lado derecho de la página hay una guía sobre el horario de atención al cliente y cuándo esperar una respuesta.

Al hacer clic en la pregunta básica, se abre un formulario de contacto simple a continuación, donde puede hacer una pregunta previa a la venta o realizar una consulta general:

4. Gill Andrews

La consultora web Gill Andrews comienza su página de contacto con un mensaje ligeramente irónico que informa a los visitantes del sitio web que pueden utilizar el formulario de contacto o enviarle un correo electrónico:

Es un comodín para aquellos a quienes no les gusta usar formularios. Y establece claramente que suele responder en un plazo de 48 horas para que los visitantes sepan qué esperar.

¡Luego hay una nota sobre lo que no le interesa escuchar, como publicaciones de invitados e intercambios de enlaces!

Si ves que recibes demasiados mensajes que no quieres o no necesitas, puede que valga la pena hacer algo similar. Aunque no puedes impedir que los visitantes envíen consultas, al menos puedes decirles a qué no vas a responder.

Por ejemplo, mientras que algunos blogs están felices de recibir publicaciones de invitados, otros no, por lo que puedes aclarar tu posición.

5. Juan Espirián

Para obtener el formulario de contacto breve y definitivo, consulte la página de contacto de John Espirian, donde solo le pide su nombre, dirección de correo electrónico y mensaje.

Es un recordatorio para no pedir información que no necesitas si quieres obtener más conversiones de formularios .

Aunque es breve, el formulario se adapta a la marca y al negocio de John como redactor técnico. Y para aquellas personas de la “vieja escuela” que prefieren no utilizar un formulario, proporciona su dirección de correo electrónico y su número de teléfono de la empresa debajo del formulario:

6. Yeti

Yeti tiene una excelente página de contacto que comienza con una hermosa imagen escénica, que encaja perfectamente con su marca al aire libre.

Debajo hay una divertida frase introductoria que también encaja con su marca: “Si bien somos buenos con las señales de humo, existen formas más simples de comunicarnos con usted y responder sus preguntas”.

Luego ofrecen 3 opciones de contacto: teléfono , correo electrónico o un simple formulario de contacto.

7.Paypal

La página Contáctenos de PayPal utiliza opciones basadas en menús para dirigirlo al equipo correcto.

Comienzan la página con una línea de bienvenida que establece las expectativas de que pueden ayudarlo rápidamente: “Cuéntenos sobre su problema para que podamos ayudarlo más rápidamente”.

Luego, tiene la opción de buscar su problema o hacer clic en una de las opciones, como Contraseña y acceso a la cuenta o Perfil de la cuenta y configuración, para que su consulta llegue al equipo correcto.

Debajo del formulario inteligente, hay una selección de otras opciones de contacto, que incluyen chat, correo electrónico, teléfono y un foro comunitario:

De cualquier manera, han cubierto todos los ángulos.

8.Marca de barba

La página Contáctenos de Beardbrand está en consonancia con el resto de su sitio, donde utilizan un mínimo de blanco y negro para la navegación y las descripciones, y luego dejan que las imágenes de sus productos brillen a todo color.

Es un recordatorio de que no es necesario tener un diseño elaborado y llamativo y que usar texto simple con mucho espacio en blanco puede ser igual de efectivo, siempre y cuando esté en consonancia con el resto de su sitio.

9.Mujer Maravilla

La página de contacto de Wonderlass comienza con una cálida bienvenida para animarte a ponerte en contacto.

Rápidamente siguió con un mensaje de “Pero primero…”

A continuación, Allison enumera algunas razones por las que no deberías ponerte en contacto con ella.

Por ejemplo, explica que no tiene tiempo para dar consejos personalizados a todo el mundo a través de su página de contacto. En su lugar, dirige a los visitantes que buscan asesoramiento a que consulten sus podcasts y cursos. Esto supone un excelente ahorro de tiempo para ambas partes y establece expectativas desde el principio.

Allison termina su página de contacto con un formulario de contacto donde solicita información típica como su nombre, dirección de correo electrónico y mensaje. Pero también hay un cuadro desplegable para seleccionar el motivo por el cual desea comunicarse con ella:

Nuevamente, esto implica que solo debes contactarla por una de estas razones y que cualquier otra cosa será ignorada.

10.Asunto de marca

La página de contacto de Brandaffair es bastante diferente, pero, al fin y al cabo, se trata de una agencia creativa.

Han diseñado un formulario interactivo para rellenar espacios en blanco :

Hola, mi nombre es [tu nombre] y mi dirección de correo electrónico es [tu correo electrónico] y me gustaría discutir sobre [este proyecto] .

En lugar de completar los campos de un formulario típico como hemos visto en otros ejemplos, recopilan información rellenando los espacios en blanco de una oración.

Lo agradable aquí es que Brandaffair ha mantenido el diseño web de la página en línea con el resto del sitio y ha hecho que toda la información de contacto sea fácil de acceder.

Volver al inicio

Preguntas frecuentes sobre la página de contacto

En esta sección abordaremos algunas de las preguntas más comunes sobre las páginas de contacto.

¿Qué es exactamente una página de contacto?

Una página de contacto es una de las páginas principales de un sitio web. Permite a los visitantes ponerse en contacto con el propietario del sitio. Pero a medida que su sitio o negocio crezca, su página de contacto debe incluir diferentes departamentos, como el equipo de ventas o de soporte, tal como lo haría una empresa real.

¿Por qué es tan importante incluir una página de contacto en su sitio web?

Las páginas de contacto suelen ser una de las páginas más visitadas de un sitio web, junto con la página de inicio, la página Acerca de nosotros y la página del blog.

Una investigación de EnterpriseAppsToday descubrió que el 44 % de los visitantes abandonarán el sitio web si faltan los detalles de la página de contacto. Tener una página de contacto inspira confianza en que el sitio está administrado por personas reales y se puede contactar con ellas. Y en el mismo estudio, descubrieron que el 51 % de los encuestados piensa que “la información de contacto completa” es el elemento más importante que falta en la mayoría de los sitios.

Así que asegúrese de que su página de contacto sea fácil de encontrar desde el menú (ya sea en la parte superior o inferior de la página) y que se pueda acceder a ella desde cualquier página de su sitio.

¿Qué debe contener una página Contáctenos?

Una página de contacto debe ofrecer a los visitantes una forma de comunicarse con usted. Por lo tanto, debe incluir al menos una de las siguientes opciones:

Una dirección de correo electrónico . Algunos sitios incluyen un enlace en el que se puede hacer clic, mientras que otros utilizan texto sin formato.
Una dirección física . La página de contacto de algunos sitios también incluye un mapa con indicaciones para llegar.
Un formulario de contacto en el que los visitantes introducen su nombre, dirección de correo electrónico y su consulta antes de hacer clic en el botón de enviar. Algunos sitios añaden más campos, pero tenga cuidado de no solicitar demasiada información innecesaria.
Un número de teléfono de contacto (o varios números para distintos departamentos, como ventas y soporte). Algunos sitios ahora incluyen números de teléfono en los que se puede hacer clic para que los usuarios puedan marcar directamente desde su teléfono inteligente.
Un cuadro de mensaje de chat en vivo . Son populares en sitios de comercio electrónico y empresas de servicios que necesitan responder rápidamente.
Enlaces a cuentas de redes sociales . Suelen aparecer como íconos o botones para que los visitantes hagan clic.

Probablemente no necesites TODAS esas opciones en tu sitio. Un simple formulario de contacto es perfecto para la mayoría de los sitios.

También será útil para sus visitantes si establece algunas expectativas y les informa cuánto tiempo normalmente tendrán que esperar para recibir una respuesta.

¿Qué campos debes incluir en el diseño de tu página de contacto?

Cuantos menos campos tenga, más personas rellenarán su formulario.

Para reducir el abandono del formulario , es inteligente solicitar únicamente la información que realmente necesita. Para muchos blogueros, solo necesitará pedirle al visitante lo siguiente:

Nombre
Dirección de correo electrónico
Mensaje

¡Eso es todo!

Si descubre que a menudo tiene que hacer las mismas preguntas de seguimiento o que recibe demasiados mensajes irrelevantes, entonces sería inteligente considerar pedir más información desde el principio.

Por ejemplo, es posible que desees eliminar a los malos clientes potenciales pidiéndoles primero su presupuesto o preguntarles cuál es el mejor momento para contactarlos por teléfono si necesitas llamarlos para hacer un seguimiento.

Esto le ahorrará tiempo a usted y a sus visitantes.

¿Dónde deberías colocar un formulario de contacto en tu página de contacto?

Para que su método de contacto sea muy sencillo para los visitantes, debe incluir el formulario en la parte superior de la página para que puedan encontrarlo fácilmente sin tener que desplazarse ni buscar.

Su formulario de contacto debe ser lo primero que vean cuando se cargue la página de contacto.

¿Cómo agrego un mapa de Google a mi sitio web?

Esto es fácil de hacer y será muy útil para sus visitantes si tiene una ubicación física que desean visitar.

También te ahorrará tiempo, ya que no tendrás que lidiar con personas que se pongan en contacto contigo para pedirte indicaciones.

Aquí tienes un tutorial paso a paso sobre cómo mostrar un mapa en tu página de contacto .