Saltar al contenido

Inicio · Blog · Cómo diseñar la página de contacto de un sitio

Enviar solicitud

Formato nuevo

Cómo diseñar la página de contacto de un sitio

La página de contacto es un punto de confianza y alcance rápido: dirección, teléfonos, email, mapa, horarios y una vía para escribir. Los errores y los campos vacíos ahuyentan aquí más que en Sobre nosotros.

Abajo: por qué una página dedicada, qué mínimo mostrar, utilidad para el visitante, comodidad móvil y un sistema visual. Los formularios de leads van aparte; el copy de Sobre nosotros tiene su propio artículo.

Compartir
Telegram

Una página dedicada — no un muro en el header

El header ya lleva logo, menú, carrito, login. Meter ahí cada sucursal, línea legal y horario dispersa la atención e hincha la barra.

Una página de Contactos aparte aligera el header: en la barra — uno o dos teléfonos y una pista corta de horarios; en el menú y el footer — enlace a la página completa.

En un solo sitio el cliente encuentra teléfonos de servicio, direcciones, mapa, email y condiciones de contacto — sin scavenger hunt. Un NAP abierto reduce la sensación de «empresa fantasma».

Sobre la empresa

Datos completos y verdaderos

En la página incluye: teléfonos etiquetados por quién responde (oficina, delivery, soporte); emails de servicio; perfiles sociales y mensajeros activos; direcciones de oficina/almacén/pickup; horarios y ventanas de respuesta del operador.

Para confianza — razón social, domicilio registrado cuando haga falta, datos bancarios para transferencias. Cerca — un formulario o chat si el equipo responde de verdad.

Actualiza cualquier cambio al momento: un número viejo o una dirección «fantasma» pega a la confianza más que una página vacía.

Mínimo comercial:

  • teléfono y/o mensajero con expectativa de respuesta
  • email o formulario
  • NAP (nombre, dirección, teléfono) alineado con mapas y footer
  • horario comercial
  • mapa o un «cómo llegar» claro si hay visitas

Utilidad — no un vertedero de campos

Destaca lo que más gente necesita: pago, entrega, pickup, devoluciones — en breve o vía enlaces a páginas dedicadas. Fotos de fachada y un croquis de ruta ayudan a una ubicación offline.

No conviertas Contactos en un muro SEO de «compra X barato». El trabajo de la página es conectar y verificar la empresa — no competir con una ficha de producto.

Formulario de contacto

Comodidad en cualquier dispositivo

La página debe leerse bien en el móvil: teléfonos y email grandes y clicables, datos copiables como texto (no una captura).

Un mapa interactivo gana a una imagen: rutas en transporte y coche. Vigila que el widget no mate la velocidad ni tape botones en móvil.

Google Business Profile

Estilo y jerarquía

Encaja con el estilo del sitio: tipografías, color, spacing, logo. Datos en bloques: Contáctanos, Direcciones, Datos legales, Escríbenos.

Copy sin errores, corto. Enlaces a Sobre nosotros, reviews, entrega están bien si la página no se vuelve una segunda homepage.

Contactos no son una «utilidad menor»: un alcance claro empuja leads y la sensación de fiabilidad.

Recuerda:

  • página dedicada + header compacto
  • NAP al día y datos legales según haga falta
  • texto clicable — no imágenes
  • mapa y formulario — cuando ayudan de verdad
  • un estilo y bloques claros

FAQ

¿Bastan los teléfonos en el header?

En el header — 1–2 números principales y un enlace a Contactos. Direcciones completas, sucursales y datos legales van en una página dedicada.

¿Hacen falta datos legales / de empresa?

Para e-commerce y B2B — sí: razón social, dirección, IDs de registro/fiscales según corresponda. La precisión gana a un layout bonito.

¿Hace falta un mapa?

Si hay pickup o visita a oficina — sí; interactivo gana a un croquis estático. Para un servicio 100% online sin dirección — no es obligatorio.

¿Hay que optimizar la página para SEO?

No para «meter keywords». Bastan un title/H1 normal de Contactos más marca/ciudad y un NAP preciso. El tráfico suele llegar por marca y el menú.

¿El teléfono como imagen o como texto?

Como texto y clicable (`tel:` / `mailto:`). Una imagen dificulta copiar y la accesibilidad.

¿Dónde van los mensajeros?

A canales de soporte vivos con una expectativa clara de respuesta. No dupliques una docena de iconos muertos.

¿En qué se diferencia de un formulario de contacto?

Contactos — todos los puntos de alcance y el NAP. El formulario es un canal en esta página o en páginas de servicio.

¿Contactos enterrados en el header — o NAP desincronizado?

Limpiamos una página de Contactos dedicada: alcance clicable, horarios, mapa y NAP alineado en todo el sitio.

Hablar del proyecto