Cuenta

Enlaces destacados

1. Documentación de Shopify sobre secciones y bloques
2. Documentación de Shopify sobre la personalización de secciones
3. Documentación de Company XYZ sobre ajustes de fondos de sección
4. Documentación de Company XYZ sobre ajustes de espaciado de sección
5. Documentación de Company XYZ sobre ajustes de separadores
6. Documentación de Company XYZ sobre ajustes de anchos del diseño

Videos útiles

Vídeo de Shopify Academy: Personalizar tu tienda

Vídeo de Shopify Academy: Personalizar tu tienda

Usa esta sección para adaptar la vista principal de la cuenta de cliente heredada para que se vea pulida y coherente con la marca. Puedes presentar la página con tu propio icono, encabezado y texto de apoyo, y luego ajustar los colores, el fondo, el espaciado y el diseño para que el área de la cuenta sea más fácil de leer y navegar. Para obtener una visión general más amplia de cómo funcionan los ajustes de sección en el editor de temas, consulta documentación de Shopify sobre secciones y bloques

Ajustes principales

Los ajustes de contenido principal dan forma a la introducción de la página. Añade un icono como una señal visual rápida y luego usa el encabezado y el subtítulo para explicar qué pueden hacer los clientes desde su área de cuenta.

Si dejas en blanco el encabezado o el subtítulo, la sección usa el contenido predeterminado de tu tema. Esa es una buena opción cuando quieres la redacción estándar pero aún quieres controlar la presentación de la página.

Consejo

Mantén el encabezado breve y usa el subtítulo para aportar contexto útil, como gestionar pedidos, direcciones o detalles de la cuenta.

Ajustes de color

Estos ajustes te permiten reemplazar los colores predeterminados del icono y del texto de la sección. Son más útiles cuando usas un fondo personalizado y necesitas un contraste más fuerte o una coincidencia más cercana con el resto de la página.

Ajusta juntos el icono, el texto principal y el subtítulo para que la sección se sienta coherente. Si un elemento es notablemente más claro o tiene menos contraste que los demás, la página puede resultar más difícil de leer de un vistazo.

Cuando uses un fondo de imagen, degradado o video, comprueba el contraste del texto en escritorio y en móvil antes de publicar.

Ajustes estándar de sección

Para obtener más detalles sobre la edición de los controles específicos de la sección en el editor, consulta documentación de Shopify sobre la personalización de secciones

Ajustes de fondo de sección

Los ajustes de fondo de sección controlan la superficie visual detrás del contenido de la cuenta. Puedes usar un color sólido, un degradado, una imagen o un video, y luego añadir una superposición para ayudar a que el texto destaque.

Los ajustes de degradado reemplazan a los colores sólidos, y los degradados de superposición reemplazan a los colores de superposición. Las opciones de imagen y video específicas para móvil son útiles cuando el contenido multimedia de escritorio se recorta de forma poco adecuada o resulta demasiado pesado visualmente en pantallas más pequeñas.

Ajustes de espaciado

Los ajustes de espaciado controlan el espacio encima y debajo del contenido de la cuenta. Usa más espaciado cuando quieras que la página se sienta más amplia, o redúcelo cuando quieras un diseño más ajustado y centrado en la utilidad.

El espaciado de escritorio y de móvil se configuran por separado, así que conviene revisar ambas vistas. Un espaciado menor en móvil suele mantener la página más fácil de leer de un vistazo sin que se sienta apretada.

Ajustes de separador

Los ajustes de separador añaden una línea opcional en la parte superior, inferior o en ambos bordes de la sección. Esto puede ayudar a definir el área de la cuenta con más claridad cuando está junto a otras secciones con fondos similares.

Si dejas transparente el color del separador, la sección usa el color del borde de tu tema. Esa suele ser la forma más sencilla de mantener coherentes los divisores visuales.

Ajustes de ancho

Los ajustes de ancho controlan tanto el ancho legible del contenido de la cuenta como el alcance general de la sección. El ancho del contenido es el ajuste principal para la legibilidad, mientras que el ancho de la sección importa más cuando también usas un tratamiento de fondo.

Un ancho de contenido más estrecho suele funcionar mejor para las páginas de cuenta porque el contenido está orientado a tareas y tiene mucho texto. El editor puede representar de forma insuficiente los cambios de ancho, así que previsualiza la página en la tienda online en vivo antes de finalizar las decisiones de diseño.

Notas de uso

1. Mantén útil la introducción. Usa el encabezado y el subtítulo para orientar rápidamente a los clientes en lugar de repetir la redacción genérica de cuenta.
2. Diseña pensando en el contraste. Si añades una imagen o un video de fondo, usa superposiciones y colores de texto personalizados solo cuando sea necesario para que todo sea fácil de leer.
3. Prioriza anchos legibles. Un ancho de contenido moderado o estrecho suele resultar más cómodo para revisar los detalles de la cuenta y el historial de pedidos.
4. Ajusta el espaciado al papel de la página. Un mayor espaciado puede hacer que la página se sienta más alineada con la marca, mientras que un espaciado más ajustado favorece una experiencia de cuenta más funcional.
5. Previsualiza el móvil por separado. Comprueba juntos el contenido multimedia de fondo, el espaciado y el contraste del texto en móvil para que la página siga siendo clara en pantallas más pequeñas.
6. Comprueba juntos escritorio y móvil. El diseño, la alineación y el comportamiento del contenido multimedia pueden variar según la ventana gráfica, así que revisa ambas vistas antes de publicar.
7. Deja los valores predeterminados cuando quieras el estilo de reserva. Los valores en blanco o transparentes suelen conservar el aspecto integrado del tema, mientras que los colores, degradados o elementos multimedia explícitos hacen que la sección sea más autónoma.