¿La página de contacto de su sitio web está ahuyentando a la gente?
Si se hace bien, una página de contacto puede ser una fuente de grandes oportunidades, y de oportunidades que cambian el juego.
También es una página que muchos propietarios de sitios web descuidan. Si no está optimizando su página de contacto, literalmente se está perdiendo oportunidades.
Hoy, le mostraremos los mejores ejemplos y consejos de páginas de contacto. Tanto si está creando un nuevo sitio web, como si lo tiene desde hace años, nunca es demasiado tarde para mejorar el suyo.
Página de contacto con gran diseño
El diseño de una página de contacto debe ser fácil de usar y animar a los visitantes a ponerse en contacto con usted.
Estos son algunos ejemplos bien diseñados.
1. Focus Lab
Lo que hacen bien: Proporcionan un formato atractivo de «rellenar los huecos».
La página de contacto de esta agencia consigue que sus visitantes respondan a ciertas preguntas escribiendo en los espacios en blanco. Esto funciona bien por varias razones.
En primer lugar, parece atractivo. En segundo lugar, garantiza que obtendrán toda la información importante que necesitan de un cliente en el primer mensaje.
Al preguntar desde el principio sobre un presupuesto y un plazo estimados, no tendrá que perder tiempo con correos electrónicos de ida y vuelta. Podrá juzgar la seriedad de un cliente y dar prioridad a la respuesta a los que tengan más potencial.
2. Nuud
Lo que hacen bien: Mantener las cosas minimalistas.
A menudo, lo simple es lo mejor. Un diseño básico sin distracciones hace que sea fácil para los usuarios enviar su mensaje.
La marca de desodorante ecológico Nuud mantiene su página de contacto muy minimalista. Un sencillo formulario recoge los datos importantes y permite a los visitantes escribir sus consultas en un cuadro de texto.
Nota
La forma más fácil de crear una sencilla página de contacto es a través de un creador de sitios web como Zyro, que tiene un elemento dedicado de «Formulario de contacto» que puede arrastrar y soltar en su sitio. Alternativamente, WordPress tiene algunos excelentes complementos de formularios de contacto.
3. Yeti
Lo que hacen bien: Imágenes llamativas y categorías claras.
La página de contacto de Yeti comienza con una llamativa imagen de cabecera que transmite el mensaje al aire libre de la marca en cuestión de segundos.
Para reducir las preguntas repetitivas de los visitantes, Yeti también ofrece recursos como preguntas frecuentes sobre productos e información de envío. Cada uno se muestra en la página con un logotipo claro.
Si un visitante sigue sin encontrar la respuesta que busca, puede desplazarse hacia abajo para ponerse en contacto por correo electrónico.
4. McDonald’s
Lo que hacen bien: Imágenes amistosas.
Las primeras impresiones siempre son importantes. Por eso McDonald’s se esforzó en mostrar a un gerente sonriente con el icónico amarillo dorado por el que la marca es bien conocida.
Es atractivo y amistoso. A partir de ahí, también se puede clasificar la consulta como relacionada con la comida, relacionada con el servicio, etc.
5. Jayne May Agnes
Lo que hace bien: Hace las preguntas importantes.
He aquí otro ejemplo de formulario de contacto que le ahorrará mucho tiempo de ida y vuelta.
Cualquiera que se ponga en contacto con esta fotógrafa freelance tendrá que responder a preguntas clave, como cuál es su boda de ensueño y cómo llegó a conocer a la fotógrafa.
Incluso hay que rellenar los datos de la pareja. Este tipo de formulario debería ser suficiente para filtrar a cualquiera que no se tome en serio la contratación de los servicios de la freelance.
Página de contacto con gran redacción
Una buena redacción de contenidos puede transformar una página de contacto más allá de un formulario aburrido. He aquí algunos ejemplos de páginas de contacto con una gran redacción.
6. Nebular Agency
Lo que hacen bien: Redacción contundente.
La página de contacto de Nebular es bastante minimalista en cuanto al formato: un formulario sencillo y eficaz.
Sin embargo, su pequeño párrafo bajo el banner «Contáctenos» es encantador y da la bienvenida tanto a los comentarios positivos como a los negativos. Los usuarios sólo tienen que dejar sus datos y escribir su «mensaje increíble» en el cuadro de texto.
7. Middle Finger Project
Lo que hacen bien: Redacción irónica.
Estos chicos tienen una de las páginas de contacto más inusuales. De hecho, es casi irresistible rellenarla.
Tiene algunos menús desplegables que hay que elegir antes de poder escribir el mensaje.
Cada uno tiene algunas opciones extravagantes y bastante divertidas; por ejemplo, se puede pedirles que prometan no «dar su dirección de correo electrónico a Satanás». Incluso tendrá que elegir una despedida, desde «XOXO» y «Choca esos cinco», hasta «Baile irlandés».
8. David Folger Young
Lo que hace bien: Corta toda la palabrería.
La página de contacto del portafolio de este redactor publicitario quizá contradiga los otros ejemplos de este artículo, pero no puedo evitar que me guste de todos modos. Le da una idea de otra dirección que puede tomar.
Muestra una economía de palabras a la manera de los redactores publicitarios, y es de alguna manera más refrescante que algo aburrido y corporativo. Demuestra que una página de contacto no siempre tiene que ser elegante; sólo necesita existir.
9. Valve
Lo que hacen bien: Humanizar a su equipo de contacto.
El principal punto fuerte del desarrollador de videojuegos Valve son los talentos individuales de su equipo. Y su página de contacto lo refleja.
En realidad, se puede ver una lista con los nombres y descripciones de su personal. Si quieres enviar un mensaje, la página mostrará sus nombres individuales, por ejemplo: «Le estás enviando un correo electrónico a Fred Fredderson».
Aporta un toque personal muy agradable a todo el asunto y le recuerda que se está comunicando con un ser humano real.
Página de contacto con usabilidad inteligente
He aquí algunos ejemplos de páginas de contacto que han sido montadas de forma inteligente.
10. Grant Thornton
Lo que hacen bien: Filtrar los destinatarios.
La página de contacto de la empresa de contabilidad y asesoramiento Grant Thornton está adaptada a su público de profesionales en activo.
Al enviar el mensaje, tendrá que seleccionar su título profesional específico en un menú desplegable. Tanto si es presidente como director general, sabrán exactamente con quién están hablando. Sin duda, esto puede ayudarles a priorizar las respuestas.
11. Accenture
Lo que hacen bien: Mantener las cosas compactas.
Accenture utiliza un práctico formato de lista que se expande hacia abajo para revelar más información sobre cómo ponerse en contacto. Cada uno está dirigido a un determinado tipo de parte interesada, por ejemplo, proveedores o solicitantes de empleo.
Esto ayuda a proporcionar una interfaz más limpia para el usuario, ya que sólo tendrá que hacer clic en las secciones que le interesen.
12. WeWork
Lo que hacen bien: Ofrecer toda una serie de métodos de contacto.
WeWork permite a los usuarios ver claramente los diferentes métodos para ponerse en contacto con ellos, ya sea a través del formulario en línea, por teléfono, por chat en vivo o visitando el centro de ayuda.
Su menú desplegable le permite especificar en qué está interesado (por ejemplo, «encontrar un espacio de trabajo»), y el tamaño de su empresa.
En conjunto, esta página de contacto debería ofrecer una solución para CADA visitante que quiera ponerse en contacto.
13. Taco Bell
Lo que hacen bien: Preguntar a la gente cómo quieren que se les responda.
Hay algunas cosas que nos gustan de la página de contacto de Taco Bell. Por ejemplo, el título es pegadizo y se puede dejar fácilmente un comentario sobre restaurantes específicos (e incluso especificar la dirección del local).
Pero lo mejor es que pregunta a los visitantes si quieren una respuesta. Al hacer clic en «No es necesaria una respuesta», los visitantes pueden indicar claramente si esperan una respuesta de su parte.
Página de contacto con preguntas frecuentes
Muchos propietarios de sitios web reciben correos electrónicos de clientes que hacen las mismas preguntas.
Crear una sección de preguntas frecuentes puede ser una forma útil de reducir los mensajes repetitivos.
14. XE
Lo que hacen bien: Excelentes preguntas frecuentes en la parte superior de la página.
El conversor de divisas XE tiene una sección de preguntas frecuentes de buen aspecto que está separada en diferentes categorías, como una base de conocimientos. Estas preguntas frecuentes se colocan al principio de la sección de contacto para que los usuarios puedan encontrar fácilmente las respuestas.
Si aún tienen una consulta, pueden ponerse en contacto cambiando a la pestaña secundaria del sitio web.
La página de contacto debe ser compatible con dispositivos móviles
Cada vez más personas navegan por Internet a través de un dispositivo móvil. Google también favorece los sitios web adaptados a los móviles y lo utiliza como factor de clasificación para las búsquedas.
Por eso es increíblemente importante que TODAS las páginas de su sitio sean adaptables a los móviles.
Para una página de contacto, esto puede implicar:
- Simplificar la navegación.
- Mantener el texto breve y conciso.
- Asegurarse de que los botones y campos del formulario son lo suficientemente grandes.
Si está utilizando un creador de sitios web para construir su sitio, es esencial que elija uno que le permita controlar exactamente cómo se ve su sitio en cualquier dispositivo (como estos creadores de sitios web que hemos probado).
Alternativamente, si ya ha creado su sitio web con WordPress, considere usar un complemento como Elementor, que tiene funciones avanzadas de «edición adaptable a móviles».
He aquí 2 ejemplos de excelentes páginas de contacto adaptadas a los móviles.
15. Patagonia
Si su sitio tiene mucha información, puede ser especialmente difícil adaptarlo al formato móvil.
La marca de ropa Patagonia lo hace muy bien al incluir una barra de búsqueda que ayuda a los usuarios a navegar por esta parte del sitio web.
El resto de la página de contacto se ha adaptado a la visualización en dispositivos móviles. El texto es grande y está separado en secciones claras por las que se puede desplazar. Los botones de llamada a la acción son grandes y fáciles de pulsar con los pulgares. No es necesario hacer zoom.
16. Noble Coyote Coffee
Esta cafetería con sede en Dallas hizo que todas las partes de su página de contacto fueran adaptables.
Como los campos del formulario son grandes, la gente puede rellenarlos fácilmente en sus teléfonos. También incluyen una integración de Google Maps; al tocar el mapa podrá obtener indicaciones para llegar a su local.
Por qué las páginas de contacto son tan importantes
Una página de contacto es una de las páginas imprescindibles para cualquier sitio web.
Su página de inicio puede ser su punto culminante, pero su página de contacto es a menudo donde ocurre la verdadera magia.
Es donde la oportunidad puede llamar a la puerta. Es donde…
- Llegan las consultas de los medios de comunicación.
- Los clientes proporcionan su opinión.
- Las marcas se ponen en contacto con colaboraciones.
- Los clientes potenciales preguntan sobre sus productos/servicios.
Además de ayudarle a obtener contactos EXCELENTES, una gran página de contacto le ayudará a ahorrar intercambios de correos electrónicos y a reducir el spam.
Imprescindibles de la página de contacto
Para entender los elementos de una página de contacto EXCELENTE, es útil ver ejemplos.
Hemos rastreado Internet en busca de páginas de contacto excepcionales y hemos observado algunas tendencias entre ellas. Son:
- Muy fáciles de usar.
- Se pueden encontrar fácilmente en el sitio web.
- Tienen un fuerte impacto visual y un texto atractivo.
- Incluyen todos los detalles importantes que alguien necesitaría.
- Trabajan para reducir el spam a través de preguntas frecuentes o filtrando los datos.
Qué no hacer en una página de contacto
Evite cometer estos errores clave en su página de contacto, ya que puede arriesgarse a perder la atención y la confianza de los visitantes:
1. No utilice una gramática deficiente
Irónicamente, un texto mal escrito puede afectar a su clasificación. Y, lo más obvio, a su credibilidad.
Mantenga su texto sencillo, completo y amable para el visitante medio. Puede ser útil utilizar un buen corrector gramatical.
2. No la haga difícil de leer
¡No haga que su página de contacto sea difícil de ver! Algunos grandes errores que solemos ver:
- Páginas que tardan en cargarse (compruébelo con nuestra prueba de velocidad del servidor).
- Texto difícil de leer sobre un fondo.
- Saturación de imágenes de archivo aburridas genéricas.
Recuerde que su página de contacto refleja la imagen de marca de su sitio web. ¡Hágale justicia!
3. No esconda información importante
Su trabajo es facilitar que los grandes contactos le encuentren. Así que no ponga obstáculos en su camino.
Por ejemplo, la página de contacto de abajo pide a la gente que envíe un correo electrónico a su cuenta de Gmail, sin proporcionar la dirección de correo electrónico real.
Pedir a sus lectores que adivinen su dirección de correo electrónico probablemente no va a acabar bien.