Información de contacto

Enlaces destacados

1. Documentación de Shopify sobre secciones y bloques
2. Documentación de Shopify sobre la personalización de los ajustes del tema
3. Documentación de Company XYZ sobre los ajustes de fondos de sección
4. Documentación de Company XYZ sobre los ajustes de colores
5. Documentación de Company XYZ sobre los ajustes de visibilidad

Videos útiles

Vídeo de Shopify Academy: Cómo personalizar tu tienda

Vídeo de Shopify Academy: Cómo personalizar tu tienda

Use este bloque para presentar detalles de contacto importantes en un lugar fácil de revisar. Es una forma práctica de mostrar las mejores maneras de ponerse en contacto, tanto si los clientes necesitan soporte, detalles de la tienda, información de recogida u horarios de apertura. Para una visión general más amplia de cómo se organizan los bloques en el editor de temas, consulte documentación de Shopify sobre secciones y bloques

Ajustes de encabezado

Use el área de encabezado para introducir los detalles de contacto y dar al bloque una estructura más clara. Un subtítulo breve, un encabezado y texto de apoyo opcional pueden ayudar a los clientes a entender si los detalles se aplican al soporte, a una ubicación de la tienda, a citas o a otro propósito de contacto.

También puede añadir un icono para un reconocimiento visual rápido. Deje el campo del icono en blanco si desea una presentación más limpia solo con texto, o use un emoji o un nombre de icono admitido para hacer que el bloque destaque.

Elija el tipo de encabezado según la estructura de la página, no solo según el tamaño visual. Si la página ya tiene un título principal, normalmente un nivel de encabezado inferior mantiene la jerarquía del contenido más clara.

Consejo

Use un encabezado específico como “Visítenos”, “Atención al cliente” o “Detalles de recogida” cuando la página incluya más de un bloque de información.

Detalles de contacto

Los campos de contenido principal le permiten mostrar solo los métodos de contacto que importan para esta página. No necesita completar todos los campos, lo que facilita mantener el bloque centrado y útil.

El teléfono y el correo electrónico son mejores para una acción rápida, mientras que la dirección y el horario funcionan bien para visitas presenciales y preguntas urgentes. Los campos de texto enriquecido son especialmente útiles para direcciones en varias líneas, notas sobre el horario en días festivos o instrucciones breves.

También puede mostrar aquí iconos de redes sociales, pero dependen de la configuración de su perfil social en documentación de Shopify sobre la personalización de ajustes de tema. Si esos perfiles están incompletos o no están pensados para el contacto con clientes, por lo general es mejor dejar los iconos desactivados.

Muestre solo los canales que supervisa activamente. Un número de teléfono, una dirección de correo electrónico o un perfil social visibles crean la expectativa de que los clientes pueden usarlos.

Ajustes estándar de bloque

Ajustes de fondo de bloque

Estos ajustes le permiten colocar el bloque sobre un fondo de color, degradado, imagen o vídeo. Son útiles cuando quiere que los detalles de contacto destaquen como un panel dedicado, pero los fondos más intensos también pueden afectar la legibilidad y el espaciado. Consulte la referencia de ajustes de fondo proporcionada por la fuente.

Si usa fondos de imagen o vídeo, compruebe cómo se ve el contenido en toda el área del bloque. El contenido de fondo específico para móvil puede ayudar a evitar recortes extraños o un contraste deficiente en pantallas más pequeñas.

Precaución

Si el texto se superpone a una foto o un vídeo, use un overlay lo bastante fuerte para mantener fáciles de leer los números de teléfono, las direcciones y los horarios.

Ajustes de color

Estos ajustes reemplazan los colores del tema más amplios solo para este bloque. Son útiles cuando el área de contacto necesita más contraste o un énfasis visual distinto al del contenido circundante. Consulte la referencia de ajustes de color proporcionada por la fuente.

Ajuste juntos los colores del icono, del texto del cuerpo y del subtítulo para que el bloque se vea coherente. Al usar un fondo personalizado, compruebe de nuevo que cada elemento de texto siga siendo legible.

Ajustes de visibilidad

Use los controles de visibilidad cuando este bloque deba aparecer solo en escritorio o solo en móvil. Esto es especialmente útil cuando los detalles de contacto necesitan una ubicación distinta según el tamaño de la pantalla. Consulte la referencia de ajustes de visibilidad proporcionada por la fuente.

Una versión solo para móvil puede funcionar bien cuando quiere detalles de contacto fáciles de tocar cerca de la parte superior de un diseño más pequeño. Una versión solo para escritorio puede tener sentido cuando la misma información ya aparece en otro lugar en móvil.

Notas de uso

1. Mantenga los detalles actualizados. Revise regularmente los números de teléfono, las direcciones de correo electrónico, los horarios y las direcciones para que nunca se dirija a los clientes a canales de contacto desactualizados.
2. Ajuste la intención de la página. Use un encabezado claro e incluya solo los métodos de contacto que encajen con el propósito de esa página.
3. Priorice la legibilidad. Si usa colores personalizados o contenido de fondo, asegúrese de que cada detalle siga siendo fácil de revisar tanto en escritorio como en móvil.
4. Use el estilo de reserva de forma intencionada. Dejar en blanco los campos de color o contenido de fondo puede conservar el estilo general de la página, mientras que los reemplazos explícitos hacen que el bloque de contacto se sienta más independiente.
5. Compruebe ambos viewports. Los controles de escritorio y móvil pueden cambiar el diseño, la alineación, la visibilidad y el comportamiento del contenido de fondo, así que revise ambos tamaños antes de publicar.
6. Use los enlaces sociales de forma selectiva. Muestre los iconos sociales solo cuando esos perfiles estén completamente configurados y sean realmente útiles para el contacto con clientes.
7. Planifique la ubicación en móvil. Use los controles de visibilidad cuando el bloque de contacto necesite una posición más simple o más destacada en pantallas más pequeñas.