10 ejemplos de páginas de contacto eficientes

Seguro que te has esforzado mucho en crear tu página de inicio y las landing pages de tu sitio web para que tu imagen de marca aparezca bien reflejada. Pero, ¿qué hay del resto? Hay secciones como la página de contacto que también requieren de una atención especial.

Lejos de ser un mero enlace común en cualquier sitio web, la página de contacto es un lugar clave para la imagen y la confianza que proyecta tu marca. Un diseño personalizado y eficiente hará que los clientes que necesitan hablar directamente contigo sientan una mayor seguridad. 

Aprovecha su potencial y transmite seguridad desde el primer momento para que tus visitas no piensen que sus consultas, quejas o comentarios caen en saco roto. Además, esta oportunidad de responder las dudas de los usuarios de un modo tan directo puede hacer que una simple visita se acabe convirtiendo en una venta.

Buenas prácticas en la página de contacto

1. Incluye toda la información de contacto relevante
2. Añade una llamada a la acción convincente
3. Incluye una sección de preguntas frecuentes
4. Proporciona enlaces a páginas de ayuda o guías
5. Envía una confirmación y responde en un plazo razonable

¿Quieres aprovechar todo el potencial de tu página de contacto? Aquí tienes algunos consejos prácticos para lograrlo.

1. Incluye toda la información de contacto relevante

Las páginas de contacto incluyen, por lo general, una dirección de email de la empresa o un formulario. Pero también puedes ofrecer a tus clientes otras alternativas de contacto prácticas como un número de teléfono, un chat, los enlaces a tus redes sociales o la dirección física de tu negocio (si la tuvieras). Este es el lugar en el que debería aparecer toda esa información para brindar a los clientes la posibilidad de emplear el canal de contacto que más les convenga.

2. Añade una llamada a la acción convincente

No todos los usuarios que entren en tu página de contacto acabarán enviándote un email o rellenando un formulario. Pero todavía puedes aprovechar la visita para lograr que hagan algo más, como suscribirse a tu newsletter, echarles un vistazo a tus productos en promoción o consultar tus redes sociales. ¿Cómo lograrlo? Incluye un botón con una llamada a la acción atractiva en la parte baja de tu página de contacto.

3. Incluye una sección de preguntas frecuentes

¿Los usuarios que te contactan suelen preguntar siempre las mismas dudas? Podrías reducir el número de consultas añadiendo a tu página de contacto una lista de preguntas frecuentes. De este modo podrás resolver dudas tan habituales como cuáles son los plazos de entrega o los costes del envío sin que los usuarios tengan que dirigirse a ti para encontrar una respuesta. Una sección de preguntas frecuentes dentro de tu página de contacto es una alternativa autoservicio en la resolución de todo este tipo de consultas.

4. Proporciona enlaces a páginas de ayuda o guías

Si los usuarios quieren profundizar más en determinadas dudas (p. ej., el modo de empleo correcto del producto que vendes), necesitarán información más ampliada que la que puedas ofrecerle en la sección de preguntas frecuentes. En estos casos, puedes incluir enlaces desde tu página de contacto a tu página de soporte, a otras páginas de ayuda o a guías específicas.

5. Envía una confirmación y responde en un plazo razonable

Enviar un formulario a través de la página de contacto suele generar bastante incertidumbre en los usuarios. Después de darle al botón de enviar, muchos se preguntarán si su consulta habrá llegado o no a algún sitio. Para evitarles esta sensación, muéstrales una confirmación de recepción en pantalla o envíales un email informándoles de que has recibido su consulta y que esta será tramitada a la mayor brevedad posible. Responder estas consultas dentro de un plazo razonable mejorará la percepción que los usuarios tienen de tu marca.

¿Por qué es tan importante la página de contacto?

Cuando alguien llega a tu página de contacto ya ha empezado a interactuar con tu marca. Tal vez porque necesita resolver alguna duda antes de decidirse a comprar o porque necesita ayuda con un artículo que ya ha adquirido. Si tu página de contacto no es fácilmente accesible, estarás perdiendo una importante oportunidad de interactuar con tus clientes actuales o potenciales, aumentando su confianza y promoviendo su fidelidad.

Estos son algunos de los motivos por los que tu página de contacto es tan importante para el funcionamiento de tu negocio:

• Generas confianza: un negocio que ofrece facilidades para que contacten con él transmite mayor confianza. Si tu información de contacto está demasiado “escondida” en tu sitio web o ni siquiera aparece, los usuarios sospecharán que tienes algo que ocultar.
• Eliminas las barreras de compra: en muchas ocasiones, el último paso para que el cliente haga una compra es que encuentre respuesta a una pregunta. Algunos querrán confirmar los detalles del envío, asegurarse de que el producto se encuentra en stock o preguntar por el precio. Si no reciben una respuesta rápidamente, es posible que decidan comprar en otro sitio.
• Mejoras la experiencia de compra: una página de contacto fácil de usar permite a los clientes hablar con la persona más adecuada en cada momento, sin necesidad de estar dando tumbos de un departamento a otro.
• Resuelves dudas y problemas: ninguna tienda online está a salvo de posibles incidencias, pero lo más importante es cómo las gestionas en caso de que se produzcan. Una página de contacto bien diseñada facilitará a tus clientes la resolución de problemas comunes en tiempos rápidos, ofrecerá alternativas de soporte y proporcionará una sección de preguntas frecuentes en la que la frustración del cliente se transforme en lealtad.
• Abre la puerta a nuevas oportunidades: no todas las visitas a tu sitio web son clientes. También puedes encontrarte con colaboradores potenciales, contactos de prensa o futuros socios. Tu página de contacto tiene que generar una buena impresión en todas aquellas personas que desean contactar contigo y de las que puedes obtener otros beneficios más allá de las ventas.

10 ejemplos útiles sobre páginas de contacto de Shopify

1. The Little Big Café
2. Le Periplo
3. Scalpers
4. Cienpets
5. ISOKOR
6. Evvo Home
7. Azarey
8. Aroma Shop Europe
9. Lehman Skincare
10. Atticgo

Las tiendas que aparecen en este listado emplearon las plantillas de página de contacto ya incluidas en Shopify, transformándolas para convertirlas en algo más que en un simple formulario. Son un ejemplo de cómo puedes optimizar y personalizar esta parte de tu sitio web para crear un punto de contacto con el cliente que le haga sentirse especial. Estos ejemplos pueden servirte de inspiración para crear una página de contacto que enriquezca la experiencia de cliente en tu sitio web y aporte consistencia y fiabilidad a tu marca.

1. The Little Big Café

La página de contacto de The Little Big Café tiene un diseño limpio y repleto de información. Aparte de los campos básicos de nombre, email, teléfono y mensaje incluye información en un lateral indicando qué tipos de consultas puede realizar el usuario a través de este canal.

Emplea un tono cercano y amable, y tranquiliza al usuario asegurando que responderán a su consulta con la mayor brevedad posible. Además, aprovecha la ocasión para lanzar una llamada a la acción e invitar al cliente a unirse a su newsletter.

Puntos fuertes de esta página de contacto:

• Diseño claro y bien estructurado.
• Mensaje tranquilizador para el usuario.
• Invitación a que el usuario siga manteniendo el contacto con la marca (suscripción a una newsletter).

2. Le Periplo

El sitio web de guías de viaje Le Periplo tiene una página de contacto con mensajes sugerentes, en línea con el tono que caracteriza a la marca. 

En el bloque de texto informativo se dirige a todos los usuarios que han llegado hasta ahí buscando más información y especifica el tipo de comunicación que pueden establecer: viajeros que deseen compartir su experiencia personal, periodistas que deseen colaborar en los contenidos de la página, entrevistadores que tengan interés en conocer más a fondo el proyecto que desarrollan o usuarios con curiosidad por saber más sobre las guías que comercializan.

Junto a este repaso pormenorizado de los usuarios que habitualmente emplean la página de contacto, también hay un mensaje de bienvenida y un agradecimiento previo por utilizar este canal para dirigirse directamente a las creadoras del sitio web. Además, ofrece un descuento del 10 % a quienes se suscriban a su newsletter.

Puntos fuertes de esta página de contacto:

• Menciona a todo tipo de usuarios, no solo a los clientes potenciales.
• Agradece de antemano el interés por contactar con el sitio web.
• Ofrece un descuento por la suscripción a su newsletter.

3. Scalpers

En una página de contacto conviene facilitarle al cliente todas las alternativas disponibles para que establezca una comunicación contigo. Es justo lo que hace la tienda de moda online Scalpers en su página de contacto. Para empezar, se presenta como una página con servicios de atención personalizada, e inmediatamente después indica las diferentes formas de contacto (ChatBot y WhatsApp), para luego incluir un enlace a un localizador de tiendas cercanas y a su sección de preguntas frecuentes.

A continuación viene el formulario, con más campos que en las plantillas convencionales. Y para que el contenido de la consulta llegue directamente al departamento más adecuado para ofrecer una respuesta, tiene un desplegable en el que el usuario puede seleccionar el motivo por el que desea contactar con la empresa.

Puntos fuertes de esta página de contacto:

• Aporta diferentes canales de contacto con la empresa.
• Incluye enlaces a la página de preguntas frecuentes y a un localizador de tiendas.
• Utiliza un formulario extendido con direccionamiento al equipo más adecuado.

4. Cienpets

Cienpets es una tienda online de productos para mascotas con un diseño divertido y desenfadado que también se refleja en su página de contacto. Utiliza una tipografía original que aporta personalidad a la página y hace que su carácter informativo tenga además un toque de encanto.

Antes de pasar al formulario de contacto, presentado con una afirmación contundente (“Te ayudamos a encontrar lo que tu perro necesita”), ofrece una lista detallada con todos los canales de contacto, los datos de la empresa, la ubicación, el horario de apertura y los horarios de atención al cliente. 

Además, incluye un icono para que el cliente contacte directamente con la empresa a través de WhatsApp (redireccionamiento a otra aplicación) y un descuento de bienvenida para nuevos usuarios.

Puntos fuertes de esta página de contacto:

• Imagen informal, en línea con el branding de la marca.
• Información exhaustiva sobre el negocio.
• Redireccionamiento a una página de contacto directo por WhatsApp.

5. ISOKOR

La página de contacto de esta marca de productos de limpieza naturales está optimizada para ofrecer una experiencia de cliente más fluida y eficiente. ISOKOR se presenta con un mensaje de “Siempre listos para ayudar” que define muy bien la filosofía de la empresa (comercializa productos para la limpieza totalmente seguros para las personas y para las mascotas).

Divide su atención al cliente en dos puntos de contacto, uno para usuarios particulares y otro para empresas, conectando así con sus dos líneas de negocio. Y para quienes necesitan una respuesta más inmediata a sus dudas, debajo del formulario de contacto incluye una sección de preguntas frecuentes con soluciones a las consultas más habituales.

Puntos fuertes de esta página de contacto:

• Diseño orientado a cada una de sus líneas de negocio (B2B y B2C).
• Imágenes, nombres y datos de contacto de las personas a las que debe dirigirse el usuario.
• Apartado de preguntas frecuentes para resolver las dudas más habituales.

6. Evvo Home

Las empresas que trabajan con maquinaria, dispositivos tecnológicos y artículos que implican una participación por parte del cliente suelen incluir en su página de contacto la información necesaria para dirigirse al departamento de soporte técnico. Evvo Home, una tienda online de electrodomésticos, es un ejemplo de cómo adaptarse a este patrón habitual en los negocios de este tipo.

En su página de contacto aporta información sobre sus horarios de atención al cliente y proporciona al usuario tres alternativas de contacto en función del tipo de consulta que desee realizar: atención comercial, atención de soporte técnico y atención logística. Los tres servicios están disponibles a través de números de teléfono móvil con opción de WhatsApp, al que se puede acceder desde un icono ubicado en la parte inferior derecha de la página de contacto.

Puntos fuertes de esta página de contacto:

• Presentación clara y ordenada de la información, con fuentes grandes.
• Información de contacto por áreas temáticas de consulta.
• Icono de enlace a la comunicación a través de WhatsApp.

7. Azarey

Con tan solo unos ligeros retoques en la plantilla base de Shopify, la marca de calzados Azarey ha creado una página de contacto personalizada con la información que más le interesa compartir con sus clientes. 

Tiene una presentación cercana al usuario, con un “¿En qué podemos ayudarte?” que abre muchas expectativas de éxito en la consulta del usuario. Además, indica que pueden enviar preguntas o consultas con la garantía de que recibirán una respuesta lo antes posible.

Después del formulario, la página también ofrece la opción de contactar con un servicio de atención al cliente personalizada o con el departamento encargado de las ventas al por mayor.

Puntos fuertes de esta página de contacto:

• Presentación en un tono cercano al usuario.
• Información sobre su política de envíos (gratuitos y en 24/48 h).
• Contacto con los departamentos de atención al cliente personalizada o ventas al por mayor.

8. Aroma Shop Europe

En ocasiones, los usuarios llegan a la página de contacto sin tener muy claro qué es lo que quieren averiguar. Una página de contacto como la de Aroma Shop Europe puede ayudar a estos compradores potenciales a tomar una decisión de compra sin necesidad de realizar un contacto directo con la empresa.

El formulario de contacto es muy básico, pero después de este, la marca incluye tres bloques de contenido que resultan de utilidad: un “Te puede interesar”, con varios enlaces a secciones importantes como la política de envíos o la página de preguntas frecuentes, un apartado “Sobre nosotros”, con una breve presentación de la empresa, y una llamada a la acción para obtener nuevos suscriptores a su newsletter. Por último, incluye un icono de enlace al perfil de Instagram de la marca.

Puntos fuertes de esta página de contactos:

• Información adicional sobre la empresa y sobre otros temas de interés.
• Llamada a la acción para obtener nuevos suscriptores a su newsletter.
• Enlace a redes sociales.

9. Lehman Skincare

La estructura de la página de Lehman Skincare está adaptada para que los usuarios puedan resolver sus dudas directamente con el departamento que mejor puede atenderles. Además, presenta esta información de manera muy visual, distribuyendo los diferentes contactos en cuatro bloques, cada uno de ellos con un icono y un título, recordando al usuario que debe especificar en su consulta a quién va dirigida.

Mientras el usuario se piensa el texto que va a enviar a través de un formulario de contacto tradicional, unas imágenes y titulares llamativos captan su atención en la parte baja de la página. Son enlaces al blog del sitio web que animan a los clientes actuales o potenciales a conocer más a fondo la marca, sus productos y las soluciones de cosmética masculina con las que trabaja.

Puntos fuertes de esta página de contacto:

• Formulario claro y con los campos de información estrictamente necesarios.
• Remisión a uno de los cuatro departamentos principales de la empresa para una resolución más eficiente de las consultas.
• Enlaces con fotografías a los artículos del blog del sitio web.

10. Atticgo

La página de contacto de la tienda online de alfombras Atticgo tiene un diseño funcional que resuelve con sencillez las necesidades de contacto de los usuarios. Después de un saludo informal y una nota indicando que responderán cuanto antes a la consulta, se abre paso un formulario con dos particularidades destacables.

La primera de ellas es que ofrece un menú desplegable con diferentes motivos de consulta (pagos, envíos, devoluciones, pedidos, otros) que permitirá a la empresa afinar en sus respuestas. La segunda es que incluye un marcador de “Es urgente” pensado para acelerar el plazo de respuesta.

Para una atención más inmediata, el usuario puede recurrir al icono de la parte inferior derecha en el que encontrará respuestas a preguntas frecuentes y otro canal de contacto.

Puntos fuertes de esta página de contacto:

• Menú desplegable para especificar el motivo de la consulta.
• Opción de identificar la consulta como “urgente”.
• Icono para acceder a las preguntas frecuentes y a otro canal de comunicación.

3 consejos para una página de contacto eficiente

1. Haz que sea visible
2. Crea un diseño agradable
3. Determina tus objetivos

Crear una página de contacto atractiva y eficiente no tiene demasiada complejidad. Pero es importante que tengas en cuenta algunos detalles para garantizar que representa tu marca de manera atractiva y eficiente.

1. Haz que sea visible

Si tu página de contacto es inaccesible, ¿qué sentido tiene crear una? Muéstrala con orgullo a través de un enlace bien visible en tu sitio web. Al fin y al cabo, también forma parte de la tarjeta de presentación de tu marca. ¿Cuáles son los lugares más adecuados para colocar estos enlaces? Puedes incluirlos en la barra de navegación de tu página principal (parte superior) o en la parte inferior de cada página.

2. Crea un diseño agradable

Cuando los usuarios entran en tu página de contacto, ¿saben a través de qué canales pueden dirigirse a ti? Por desgracia, muchas páginas de contacto parecen más una forma de esconderse de las consultas de los usuarios que de ofrecer una vía de comunicación real con tu negocio. Dependiendo de la impresión que reciban las visitas al entrar en tu página de contacto, decidirán si realmente merece o no la pena intentar hablar contigo.

Elimina cualquier obstáculo en la comunicación: lo que te interesa es facilitar este contacto lo máximo posible. Para ello puedes incluir información adicional en la parte superior del diseño por defecto de tu página de contacto de Shopify que ayude a rellenar el formulario o mejore la forma de comunicación.

Es importante que el cliente perciba que tu marca es accesible. Aquí tienes algunos ejemplos de cómo podrías adaptar la comunicación para que resulte más cercana:

• “Leemos y respondemos a cada consulta de nuestros clientes. ¡Estamos aquí para ayudarte!”
• “Nuestros clientes son lo más importante. Estamos deseando conocer tus opiniones”.
• “Siempre nos alegra saber de ti. ¡Cuéntanos algo!”
• “Danos una alegría y llénanos el buzón de entrada con tus comentarios, preguntas y sugerencias”.

3. Determina tus objetivos

No todas las páginas de contacto tienen el mismo objetivo. Adapta el lenguaje, el contenido y el formato al motivo para el que la has creado. Algunas de las finalidades típicas de las páginas de contacto son:

• Soporte: ayudar a los clientes ya existentes a resolver problemas con sus pedidos, a gestionar cambios o devoluciones o a completar el proceso de compra.
• Ventas: ayudar a los clientes potenciales a tomar una decisión de compra, generar conversiones y ofrecer un canal de contacto para compras en bloque o pedidos al almacén.
• Prensa y relaciones públicas: ayudar a los medios de comunicación a contactar con las personas más apropiadas para compartir tu historia.
• Recursos humanos: facilitar un canal de contacto a las personas interesadas en trabajar en tu empresa para que puedan enviarte su CV y solicitar un puesto de empleo.

¿Cómo añadir una página de contacto en Shopify?

1. Crea tu página de contacto
2. Escoge los campos que deseas incluir
3. Dirige las peticiones de contacto al equipo adecuado
4. Personaliza tu formulario

En Shopify puedes añadir tu información de contacto en una página especialmente habilitada para ello. A continuación encontrarás los pasos que debes seguir.

1. Crea tu página de contacto

Estos son los pasos que debes seguir para crear tu página de contacto en Shopify:

• En tu panel de administrador de Shopify, entra en Tienda online > Páginas y haz clic en “Añadir página”.
• Añade un título para tu página, como “Contacta con nosotros” o “Contacto”.
• Introduce el texto que quieras que aparezca en la parte superior del formulario de contacto (puedes dejar en blanco esta caja de contenido si no deseas añadir ninguna información).
• En la sección de Tienda online, selecciona “Contacto” en el menú desplegable de la plantilla del tema.
• Haz clic en Guardar. 

2. Escoge los campos que deseas incluir

El formulario de contacto de Shopify incluye, por defecto, tres campos: nombre, dirección de email y mensaje. Con estos tres campos básicos tienes más que suficiente para que la comunicación con los usuarios sea eficiente, al menos en la primera etapa de un sitio web de nueva creación.

3. Dirige las peticiones de contacto al equipo adecuado

Para dirigir las peticiones de contacto al equipo adecuado u obtener más información en el proceso de contacto, deberás personalizar los campos del formulario base. Por ejemplo, si utilizas un servicio de asistencia para hacer un seguimiento de las consultas de tus clientes, puedes integrar estos formularios en tu página de contacto para que etiqueten y redirijan los emails al departamento adecuado.

4. Personaliza tu formulario 

Dispones de varias alternativas para personalizar el formulario de tu página de contacto. Puedes editar los campos básicos de tu formulario de contacto de Shopify con unas sencillas líneas de código o integrar los formularios que quieras en la página directamente desde tu servicio de asistencia.

Utiliza el creador de sitios web de Shopify o una aplicación diseñada para una personalización avanzada de tu formulario de contacto, como Improved Contact Form o The Hulk Form Builder. Estas aplicaciones te permiten añadir a tus formularios todos los campos que desees, por lo que podrás solicitar a tus clientes otro tipo de información para asegurarte de que les ofreces una respuesta más precisa a sus consultas (tipo de consulta, código del producto, número de pedido, empresa de envío…).

Pero, no te excedas. Un formulario demasiado grande puede hacer que el usuario abandone la página sin contactar contigo. Es preciso que encuentres un equilibrio entre la información que necesitas para atenderle debidamente y las facilidades que le ofreces para que contacte contigo.