Prezzo

Link in evidenza

1. Documentazione Shopify su sezioni e blocchi
2. Documentazione Shopify sulla personalizzazione delle sezioni
3. Documentazione di Company XYZ sulle impostazioni di visibilità

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Usi questo blocco per presentare chiaramente i prezzi dei prodotti e dare loro la giusta priorità visiva nei dettagli del prodotto. Funziona meglio quando vuole che il prezzo rimanga facile da individuare, con enfasi facoltativa sugli sconti e testo informativo di policy vicino. Per una panoramica più ampia sul funzionamento dei blocchi, consulti documentazione Shopify sulle sezioni e i blocchi

Impostazioni principali

Le impostazioni principali controllano quanto il prezzo risulta evidente nell’area delle informazioni sul prodotto. La dimensione del testo modifica la gerarchia visiva, mentre il colore del testo e il colore del prezzo scontato aiutano a distinguere il prezzo standard da quello scontato.

Scelga una dimensione che renda il prezzo ben visibile senza sovrastare i dettagli vicini del prodotto. Per i colori, punti prima di tutto a una forte leggibilità, poi usi il colore scontato per aggiungere enfasi solo dove gli sconti devono risaltare.

Può anche mostrare, insieme al prezzo, un messaggio sulla politica di spedizione e tasse. Questo è utile quando gli acquirenti traggono vantaggio dal vedere presto un contesto di costo aggiuntivo, ma funziona meglio quando il testo della policy è chiaro e completo.

Mostri il messaggio sulla politica di spedizione e tasse solo se queste policy sono aggiornate e pronte per i clienti. Un testo della policy poco chiaro può far sembrare meno affidabile l’area del prezzo.

Impostazioni standard del blocco

Impostazioni di visibilità

Le impostazioni di visibilità controllano se questo blocco appare su desktop, su mobile o su entrambi. Questo è utile quando sta creando diversi layout delle informazioni sul prodotto per schermi più piccoli e più grandi. Per ulteriori informazioni sulla gestione dei blocchi nell’editor, consulti documentazione Shopify sulla personalizzazione delle sezioni

Se nasconde il blocco su un dispositivo, si assicuri che il prezzo continui a comparire chiaramente da qualche altra parte in quel layout. Può leggere di più sulle impostazioni di visibilità condivise.

Note sull’uso

1. Imposti una gerarchia chiara. Usi una dimensione del testo che dia al prezzo sufficiente enfasi rispetto al titolo, ai badge e alle azioni di acquisto.
   1. Mantenga i dettagli vicini secondari, così il prezzo resta la cosa più rapida da individuare.
2. Evidenzi gli sconti con attenzione. Usi il colore scontato per richiamare l’attenzione sui prezzi ridotti senza compromettere la leggibilità o andare in conflitto con il design della pagina.
   1. Mantenga il prezzo normale abbastanza leggibile da poterlo confrontare con il prezzo scontato.
3. Mostri il testo della policy in modo intenzionale. Abiliti il messaggio sulla politica di spedizione e tasse solo quando quel contesto aggiuntivo aiuta a ridurre le esitazioni.
   1. Si assicuri che il testo sia completo e aggiornato prima di farvi affidamento nell’area del prezzo.
4. Controlli entrambi i dispositivi. Se modifica la visibilità, confermi che il prezzo resti facile da trovare su desktop e mobile.
   1. Nascondere il blocco su un dispositivo significa che il layout dovrebbe comunque presentare chiaramente il prezzo da qualche altra parte.
5. Si aspetti che il contesto del prodotto modifichi ciò che vedono gli acquirenti. La visualizzazione del prezzo può variare in base a varianti selezionate, quantità, disponibilità e azioni commerciali configurate.
   1. Verifichi alcuni stati del prodotto, così saprà che l’area del prezzo ha ancora senso quando le opzioni o la disponibilità cambiano.
6. Usi uno stile sobrio quando desidera un comportamento di fallback condiviso. Valori vuoti, trasparenti o con stile predefinito di solito lasciano al design circostante il compito di sostenere l’area del prezzo.
   1. Usi colori espliciti o override visivi più forti solo quando desidera che il blocco prezzo si distingua più chiaramente.