9 mejores ejemplos de páginas de contacto que tienes que ver

Publicado: 2021-02-19

¿Busca ejemplos de páginas de contacto para inspirarse y crear la suya propia?

La página de contacto de un sitio web juega un papel importante para convertir a los visitantes en clientes.

Entonces, echemos un vistazo a algunos ejemplos fantásticos de páginas de contacto, para que pueda descubrir ideas para usar en su sitio y aumentar sus ingresos en línea.

¿Cómo debería verse una página de contacto?

Antes de echar un vistazo a algunos excelentes ejemplos de páginas de contacto, queríamos hablar sobre cómo debería verse una página de contacto. Hay algunas prácticas recomendadas clave para la página de contacto que debe tener en cuenta al crear la suya propia.

Aquí hay algunos consejos que debe tener en cuenta cuando piense en cómo debería verse su página de contacto:

  • No use una barra lateral que distraiga: trabaje en no abarrotar su página con cosas que distraigan de lo que desea que hagan sus visitantes. Manténgalo enfocado en el formulario de contacto.
  • Limite los campos del formulario : asegúrese de que su formulario de contacto solo solicite los detalles importantes. Los formularios con toneladas de campos obligatorios que solicitan cosas como direcciones y números de teléfono pueden hacer que las tasas de conversión sufran mucho.
  • Representa tu marca : el primer contacto es el comienzo de una relación con tu visitante y tu marca. Si contacta con nosotros, el diseño y el estilo de la página serán parte de la primera impresión de su cliente potencial de su pequeña empresa.
  • Escriba detalles sobre lo que desea : cuando alguien llega a su página de contacto, necesita que escriba instrucciones sobre lo que espera que haga.

A continuación, echemos un vistazo a qué escribir en una página de contacto.

WPForms es el mejor complemento de WordPress Form Builder. ¡Consíguelo gratis!

¿Qué escribes en una página de contacto?

Aunque varía según su nicho y el tipo de negocio en el que se encuentre, hay algunas cosas que querrá en su página de contacto.

  1. Una invitación para completar su formulario de contacto.
  2. Copia que coincida con el tono de tu marca.
  3. Detalles de las redes sociales para conectarse con sus visitantes.
  4. Detalles adicionales y opciones de contacto según sea necesario, como un número de teléfono comercial si acepta llamadas y una dirección o mapa si opera una tienda.

Lo que escriba en su página de contacto depende completamente de usted, pero puede seguir todas o algunas de esas sugerencias.

Sin embargo, si deja todo fuera de su página de contacto y solo incluye una cosa, debe ser su formulario de contacto.

Porque si alguien va a una página de contacto, ¡espera que le proporciones una forma de comunicarse contigo!

Preguntándose qué puedo decir en lugar de contactarnos? Por lo general, "Contáctenos" es una forma sencilla y clara de explicar lo que desea que haga el visitante. Pero si coincide con su marca, puede divertirse con la redacción.

Algunas ideas de lo que puede decir en lugar de 'Contáctenos' incluyen:

  • Escríbanos
  • Ponerse en contacto
  • Alcanzar
  • Charlemos
  • Háblanos
  • Ponte en contacto con nosotros

Sin embargo, nos mantendríamos alejados de decir "Envíenos un correo electrónico" en su página de contacto. Puede parecer tentador proporcionar su información de contacto directamente en su sitio. Pero esto puede confundir a la gente y usar el correo electrónico en lugar de un formulario de contacto no suele ser la mejor idea para empresas de cualquier tamaño.

Ahora que tiene algunas ideas sobre cómo debería ser una página de contacto y lo que debería escribir en una página de contacto, echemos un vistazo a algunos ejemplos diferentes para obtener aún más ideas de lo que es posible en el mundo de las páginas de contacto. .

Mejores ejemplos de páginas de contacto

A continuación se muestran nuestras mejores opciones para obtener excelentes ejemplos de páginas de contacto para que las revise.

1. WPForms

wpforms contáctenos página

Queríamos comenzar con la página de contacto de WPForms porque creemos que es un ejemplo sólido de una página de contacto para pequeñas empresas.

La sección superior de nuestra página de contacto se divide en dos secciones: una para clientes existentes que pueden tener una pregunta técnica y otra para consultas de preventa.

El formulario de contacto está oculto por defecto. Solo se mostrará una vez que se haga clic en el botón 'Completar un formulario'. Al ocultar el formulario, reduce el tamaño de la página. También se asegura de que solo los nuevos prospectos usen el formulario de contacto porque solo aparece si alguien hace clic en el botón de preventa 'Completar un formulario'.

Esto ayuda a segmentar a las personas más rápido y llevarlas a los lugares correctos, lo que facilita tanto a nuestra empresa como a las personas que se acercan.

Además, en la parte inferior de la página, hay un enlace con un CTA para unirse al Círculo VIP de WPForms.

Cómo crear una página de contacto como esta

  • Cree una ventana emergente de formulario de contacto que solo aparece cuando se hace clic en un botón.
  • Cree una base de conocimientos wiki en WordPress para proporcionar servicio al cliente para los clientes existentes.

2. Marie Forleo

marie forleo contáctenos ejemplos de páginas

La llamativa página de contacto en el sitio web de Marie Forleo actúa como un rostro para la sección de soporte del sitio. Envía solicitudes a lugares donde la gente podría encontrar respuestas, sin necesidad de contactarlos innecesariamente. No solo hace que las personas ayuden más rápido, sino que también se ve súper elegante.

Cómo crear una página de contacto como esta

  • Pruebe un formulario con marketing conversacional para una excelente experiencia de usuario
  • Un tono amistoso con verborrea de 'hacer nuevos amigos' que coincide con la marca en la copia
  • Usa chatbots y chat en vivo
  • Suelta la barra lateral que distrae con las páginas de destino

3. QuickSprout

La parte superior de esta página de contacto muy larga (pero repleta de personalidad) comienza con una infografía.

mejor contáctenos ejemplos de páginas wpforms

Desplácese hacia abajo hasta la parte inferior de la página y verá este área de formulario de contacto concisa e ingeniosa.

página de contacto de quicksprout

El formulario también indica a los visitantes que reduzcan el mensaje con no más de un párrafo.

Si está buscando ahuyentar tipos específicos de consultas en el sitio web de su pequeña empresa, la página de contacto de QuickSprout es un buen ejemplo a seguir.

Cómo crear una página de contacto como esta

  • Brinde a sus lectores información sobre cuánto tiempo de respuesta pueden esperar + por qué.
  • Personalice el texto de su marcador de posición para asegurarse de que sus visitantes completen su formulario correctamente.

4. Legalia

gran ejemplo de página de contacto

Para que el formulario de contacto parezca breve, Legalia utiliza un formulario de varias columnas en su página de contacto que seguramente ayuda a reducir la tasa de abandono de formularios. También proporcionan detalles de las direcciones físicas de su oficina e incluyen otra información útil como su teléfono y dirección de correo electrónico.

Cómo crear una página de contacto como esta

  • Utilice un formulario de varias columnas para ahorrar espacio.

5. Diseño web Grover

captcha en un formulario

Este sitio web utiliza un formulario de contacto simple con una función CAPTCHA para evitar envíos de spam. Lo mejor es que los usuarios pueden pasar fácilmente el CAPTCHA simplemente seleccionando una casilla de verificación.

La página de contacto también incluye una dirección física, una dirección de correo electrónico y enlaces a sus perfiles de redes sociales.

Cómo crear una página de contacto como esta

  • Agregue hCaptcha o reCAPTCHA a sus formularios para evitar entradas de spam.
  • Use un campo HTML en su formulario para agregar íconos de redes sociales.

6. Den Ersten

mapa en un formulario

Si su empresa depende de que los clientes vengan a una ubicación física, es posible que desee utilizar un mapa en su página de contacto, tal como lo hace esta página de contacto de Den Ersten. De esta manera, puede mostrar a sus clientes cómo comunicarse con usted y ayudarlos a navegar fácilmente a su tienda.

También usan un formulario de contacto corto y hermoso en su página, que encaja muy bien.

Cómo crear una página de contacto como esta

  • Agrega un mapa a tu formulario de contacto.
  • Agregue imágenes a su formulario para mostrar sus oficinas o su equipo.
  • Acorte su formulario utilizando lógica condicional para ocultar campos hasta que sea necesario.

7. JetBlue

página de contacto de jetblue

La página de contacto de JetBlue contiene enlaces directos a temas de ayuda y respuestas populares. Si los usuarios no pueden encontrar respuestas a sus preguntas, pueden comunicarse fácilmente por correo electrónico o por teléfono.

La principal desventaja de su página es que JetBlue no usa un formulario de contacto. Esto puede resultar frustrante para los usuarios que necesitan ponerse en contacto con urgencia con sus equipos de soporte para que les ayuden a responder sus preguntas.

Cómo crear una página de contacto como esta

  • Cree una base de conocimientos o preguntas frecuentes en su sitio web con un complemento.

8. Sintonizar

formulario en sitio web con encabezado

Otro líder en nuestra lista de los mejores ejemplos de páginas de contacto es Tune.

Tune presenta una hermosa imagen de héroe en la parte superior de su página de contacto en su encabezado. En el lado izquierdo, justo debajo de la imagen principal, describen su empresa y también explican por qué los nuevos prospectos deben comunicarse con ellos mediante el formulario publicado en el lado derecho.

El formulario de contacto se dirige a nuevos clientes potenciales, por lo que pueden enviar fácilmente consultas de preventa. Justo debajo de su formulario, también incluyen un llamado a la acción dirigido a sus clientes existentes.

La desventaja de esta página es que algunos de los clientes existentes también pueden usar el formulario de contacto para consultas relacionadas con el soporte en lugar de enviarlas a través de la página de soporte.

Cómo crear una página de contacto como esta

  • Asegúrese de optimizar las imágenes de su encabezado para velocidades de carga más rápidas.
  • Utilice la plantilla Solicitar una cotización para crear rápidamente un formulario de preventa

9. Selección de selección

encabezado en un sitio web

Usar imágenes de personas reales en su página de contacto es una de las mejores formas de hacer que su marca parezca más agradable.

Además de mostrar imágenes, Choice Screening también usó un encabezado que dice "Habla con un humano". Aseguran a sus clientes que sus correos electrónicos serán vistos y leídos por una persona y no serán enterrados en su bandeja de entrada.

También usan un formulario de contacto grande con muchos campos en su página para descartar clientes potenciales no calificados de enviar formularios junto con una llamada a la acción que dice hablar con un humano.

Cómo crear una página de contacto como esta

  • Use un tema de WordPress como Zerif que permita imágenes de encabezado de ancho completo.
  • Agregue una copia para asegurar a sus visitantes que sus mensajes serán leídos y respondidos de manera oportuna.
  • Considere la posibilidad de crear un formulario de varias páginas para obtener toda la información que necesita sin asustar a los visitantes.

Configure su página de contacto con WPForms Pro

Esperamos que este artículo le haya mostrado algunos ejemplos interesantes de páginas de contacto que pueda tomar como inspiración para crear la suya propia.

Si está listo para comenzar con WPForms para su página de contacto, debe consultar WPForms Pro. Viene con toneladas de características sorprendentes que incluyen, entre otras:

  • Integraciones de marketing por correo electrónico: configure sus formularios de WordPress para enviar automáticamente consultas de la página de contacto a sus listas de correo electrónico en Constant Contact, AWeber, Mailchimp y más.
  • Formularios ilimitados : cree tantos formularios como necesite su sitio web, no solo un formulario de contacto.
  • Formularios de conversación : utilice formularios de conversación muy atractivos para impresionar a los clientes y posibles clientes potenciales con marketing interactivo.
  • Páginas de destino : obtenga más clientes potenciales creando páginas de formulario sin distracciones directamente en su página de contacto.
  • Formularios seguros : proteja los formularios con diferentes opciones antispam como captcha personalizado, hCaptcha o Google reCAPTCHA v2 o v3.
  • Encuestas y sondeos : comprenda qué es lo que más quieren sus clientes y, además, utilice un hermoso panel de informes que le permite exportar estos datos invaluables.
  • …y mucho más

Con WPForms, puede cambiar fácilmente el aspecto del formulario de la forma que desee personalizarlo. Puede leer cómo diseñar sus formularios de contacto en WordPress. Quién sabe, tal vez termines siendo uno de los ejemplos favoritos de la página de contacto con nosotros.

A veces querrá restringir el acceso a WordPress mientras crea sus formularios y configura todo. Para saber cómo hacer esto, consulte nuestra guía sobre cómo ocultar su sitio de WordPress hasta que esté listo. También puede ver cómo WPForms se compara con la alternativa de Caldera Forms.

¿Que estas esperando? Empiece hoy mismo con el plugin de formularios de WordPress más potente.

Si le gusta este artículo, síganos en Facebook y Twitter para obtener más tutoriales gratuitos de WordPress.