Precio

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 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 los precios de los productos con claridad y darles la prioridad visual adecuada en los detalles del producto. Funciona mejor cuando quiere que el precio sea fácil de escanear, con énfasis opcional en la oferta y texto de políticas de apoyo cerca. Para una visión general más amplia de cómo funcionan los bloques, vea documentación de Shopify sobre secciones y bloques

Ajustes principales

Los ajustes principales controlan qué tan prominente se percibe el precio en el área de información del producto. El tamaño del texto cambia la jerarquía visual, mientras que el color del texto y el color del precio rebajado le ayudan a distinguir el precio normal del precio con descuento.

Elija un tamaño que mantenga el precio visible sin eclipsar los detalles cercanos del producto. En cuanto a los colores, busque primero una buena legibilidad y luego use el color de oferta para añadir énfasis solo donde los descuentos deban destacar.

También puede mostrar mensajes sobre las políticas de envío e impuestos junto al precio. Esto es útil cuando los compradores se benefician de ver antes el contexto de los costos adicionales, pero funciona mejor cuando el texto de su política es claro y completo.

Muestre mensajes sobre las políticas de envío e impuestos solo si esas políticas están actualizadas y listas para los clientes. Un texto de política poco claro puede hacer que el área del precio genere menos confianza.

Ajustes estándar del bloque

Ajustes de visibilidad

Los ajustes de visibilidad controlan si este bloque aparece en escritorio, en móvil o en ambos. Esto es útil cuando está creando distintos diseños de información del producto para pantallas más pequeñas y más grandes. Para obtener más información sobre cómo administrar bloques en el editor, vea documentación de Shopify sobre la personalización de secciones

Si oculta el bloque en un dispositivo, asegúrese de que el precio siga apareciendo con claridad en algún otro lugar de ese diseño. Puede leer más sobre los ajustes de visibilidad.

Notas de uso

1. Establezca una jerarquía clara. Use un tamaño de texto que dé al precio suficiente énfasis en relación con el título, las insignias y las acciones de compra.
   1. Mantenga los detalles cercanos en un segundo plano para que el precio siga siendo lo más rápido de escanear.
2. Resalte los descuentos con cuidado. Use el color de oferta para llamar la atención sobre los precios rebajados sin perjudicar la legibilidad ni chocar con el diseño de la página.
   1. Mantenga el precio normal lo bastante legible como para compararlo con el precio rebajado.
3. Muestre el texto de las políticas con intención. Active los mensajes sobre políticas de envío e impuestos solo cuando ese contexto adicional ayude a reducir dudas.
   1. Asegúrese de que el texto esté completo y actualizado antes de confiar en él en el área del precio.
4. Revise ambos dispositivos. Si cambia la visibilidad, confirme que el precio siga siendo fácil de encontrar en escritorio y móvil.
   1. Ocultar el bloque en un dispositivo significa que el diseño debe seguir mostrando el precio con claridad en otro lugar.
5. Espere que el contexto del producto cambie lo que ven los compradores. La visualización del precio puede variar según las variantes seleccionadas, la cantidad, la disponibilidad y las acciones comerciales configuradas.
   1. Pruebe algunos estados del producto para asegurarse de que el área del precio siga teniendo sentido cuando cambien las opciones o la disponibilidad.
6. Use un estilo sobrio cuando quiera un comportamiento de respaldo compartido. Los valores en blanco, transparentes o con estilo predeterminado suelen dejar que el diseño circundante destaque el área del precio.
   1. Use colores explícitos o anulaciones visuales más fuertes solo cuando quiera que el bloque de precio destaque con más claridad.