Iconos de pago

Enlaces destacados

1. Documentación de Company XYZ sobre el bloque de iconos de pago
2. documentación de Shopify sobre secciones y bloques
3. Documentación de Company XYZ sobre los ajustes de diseño del pie de página
4. Documentación de Company XYZ sobre los ajustes de visibilidad
5. documentación de Shopify sobre el editor de temas

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 mostrar iconos de los métodos de pago aceptados como una señal rápida de confianza en el pie de página y en las áreas de utilidades. Funciona mejor cuando desea que los clientes confirmen de un vistazo las opciones de pago disponibles sin añadir texto adicional.

Los iconos reflejan los métodos de pago que tiene activados. Para la referencia canónica de la función, consulte la guía de iconos de pago proporcionada por la fuente. Para una visión más amplia de dónde encajan los bloques en un tema, consulte la documentación de Shopify sobre secciones y bloques

Ajustes de alineación

Use los controles de alineación para colocar los iconos de forma ordenada en escritorio y móvil. Las opciones de alineación separadas para cada tamaño de pantalla le ayudan a mantener el bloque equilibrado en filas anchas del pie de página y, al mismo tiempo, con un aspecto limpio en pantallas más pequeñas.

Si este bloque está junto a menús, iconos sociales o texto de copyright, ajuste la alineación móvil de forma independiente en lugar de forzar una sola disposición para todo. Por lo general, esto produce un diseño de utilidades más limpio.

Ajustes de diseño

Estos ajustes ayudan a que el bloque encaje en diseños de pie de página más complejos. Puede permitir que el bloque se extienda por el espacio restante en escritorio, o colocarlo en una nueva fila o columna cuando necesite una separación más clara del contenido cercano.

Use estos controles cuando los iconos de pago compitan con otros elementos pequeños del pie de página. Darle más espacio al bloque suele mejorar la legibilidad y evita que la fila se sienta recargada. Para una orientación más general sobre el diseño, consulte la referencia del diseño del pie de página proporcionada por la fuente.

Fill available space solo afecta al diseño de escritorio. Revise siempre el resultado en móvil por separado para que el bloque siga viéndose intencional en pantallas más pequeñas.

Ajustes estándar de bloque

Ajustes de visibilidad

Use los controles de visibilidad cuando desee que el bloque aparezca solo en escritorio o solo en móvil. Esto es útil cuando los iconos de pago complementan un pie de página de escritorio más completo, pero resultan repetitivos o apretados en un diseño móvil compacto.

Oculte el bloque solo cuando el diseño circundante siga dando a los clientes suficiente confianza sobre las opciones de pago. Para conocer los detalles del comportamiento compartido, consulte la referencia de visibilidad proporcionada por la fuente. Si necesita ayuda para encontrar estos controles en el editor, consulte la documentación de Shopify sobre el editor de temas

Notas de uso

1. Colóquelo cerca del contenido de confianza. Añada iconos de pago en el pie de página o en las áreas de utilidades donde los clientes buscan de forma natural tranquilidad sobre la tienda.
2. Ajuste el móvil por separado. Compruebe tanto los diseños de escritorio como los de móvil, porque la alineación y el espaciado pueden sentirse diferentes entre vistas.
3. Use el espacio extra con intención. Extienda el bloque o muévalo a una nueva fila solo cuando el contenido cercano del pie de página se sienta apretado.
4. Mantenga un rol simple. Use este bloque para una confirmación visual rápida de los métodos de pago aceptados, no como sustituto de mensajes más completos sobre pagos o políticas.
5. Ocúltelo con intención. Si muestra el bloque solo en un tipo de dispositivo, asegúrese de que el diseño general siga viéndose completo y fiable.