Questo articolo è disponibile anche in:

Come Preparare Blocchi Icone

ℹ️ Note: Questo articolo è stato tradotto automaticamente utilizzando AI e può contenere imprecisioni. Se qualcosa sembra sbagliato, si prega di contattare il nostro team di supporto.

Scopri come aggiungere e configurare Icon Blocks per evidenziare le proposte chiave del tuo negozio come spedizione gratuita, checkout sicuro, ritorni facili, consegna veloce e altro ancora.

I blocchi Icon aiutano a migliorare la fiducia dei clienti, rendendo le informazioni più importanti sul negozio più visivamente coinvolgente.

✅ Passo 1: Aprire Impostazioni blocchi icona

1️⃣ Vai a Shopify Amministrazioni → Apps → Hoppy Trust Badges app.

2️⃣ Clicca su Crea nuovo badge.

✅ Passo 2: Scegli il tuo posto

Dalle opzioni di collocamento disponibili, selezionare dove si desidera che i blocchi Icon appaiono.

📍 Tipi di posizionamento disponibili

Pagina del prodotto

Mostra Blocchi Icon direttamente sulle pagine dei prodotti
Aiuta i clienti a sentirsi più sicuri prima di acquistare

Piede

Visualizza i blocchi di icona nella sezione del piè di pagina
Mantiene la fiducia di messaggistica visibile attraverso il negozio

Icone galleggianti

Visualizza Blocchi Icon galleggianti mentre la pergamena dei clienti
Di solito posizionata negli angoli dello schermo per una migliore visibilità

Cassetto portaoggetti

Mostra Blocchi icone all'interno del mini carrello o carrello di scorrimento
Rinforza la fiducia durante l'esperienza del carrello

Pagina del carrello

Icona di visualizzazione Blocchi direttamente sulla pagina del carrello prima del checkout
Aiuta a ridurre l'esitazione prima dell'acquisto

Pagina di controllo

Display Icon Blocks durante il Shopify processo di controllo
Aiuta a rafforzare la fiducia prima del completamento dell'ordine
Disponibile solo per Shopify Più mercanti

Posizione personalizzata

Posizionare manualmente Icon Blocks esattamente dove necessario
Il posizionamento può essere personalizzato utilizzando il Shopify Tema Editor

✅ Passo 3: Setup blocchi di icona

All'interno Contenuto scheda, individuare il Tipo di difetto a discesa e selezionare:

Blocchi di icona

📝 Configurare il contenuto del blocco

All'interno Contenuto del blocco sezione:

Aggiungi un nome di blocco interno per una gestione più facile all'interno della dashboard di admin
Questo nome è visibile solo all'interno dell'area di amministrazione e non è indicato per memorizzare i visitatori

✍️ Configurare il testo promozionale

È possibile personalizzare la messaggistica visualizzata accanto alle icone.

Campi disponibili

Titolo

Aggiungi il messaggio principale per il blocco Icon.

Esempio

Spedizione gratuita
Checkout sicuro
Resi facili
Consegna veloce

Subheading

Aggiungi un messaggio di supporto sotto il titolo.

Esempio Subheadings

Nessun costo aggiuntivo
Pagamento sicuro al 100%
Ritorni senza problemi
Navi entro 24 ore

🎨 Scegliere e gestire le icone

È possibile personalizzare le icone visualizzate all'interno del blocco Icon.

Azioni disponibili

Seleziona le icone dalla libreria Icon integrata
Sostituire le icone esistenti
Rimuovere icone indesiderate
Aggiungi più icone fianco a fianco

Esempi supportati Includere

Visto
Mastercard
PayPal
Stripe
Icone di spedizione
icone di sicurezza

📤 Caricare icone personalizzate

Oltre alla libreria Icon integrata, puoi anche caricare icone personalizzate direttamente dal tuo dispositivo.

Questo permette una maggiore flessibilità per i negozi utilizzando il branding personalizzato o i beni visivi unici.

➕ Aggiungi più icone

Fare clic Aggiungi nuova icona includere icone aggiuntive all'interno dello stesso blocco icona.

💡 Le icone multiple possono essere visualizzate insieme per rafforzare la fiducia.

🔗 Configurare chiamata all'azione (CTA)

Ogni blocco Icon può includere facoltativamente il comportamento cliccabile.

Tipi CTA disponibili

Nessuna chiamata all'azione

Le icone rimangono statiche e non cliccabili.

Questo è utile quando le icone sono destinate solo per la costruzione di fiducia visiva.

Aggiungi pulsante con Link

Crea un pulsante cliccabile separato accanto o sotto le icone.

Questo è utile quando si dirige i clienti verso:

pagine FAQ
Politiche di spedizione
Politica di ritorno
Pagine informative sulla sicurezza

Aggiungi Link al blocco intero

Rende l'intero blocco icona cliccabile.

Questo crea un'esperienza di visitatore più fluida consentendo ai clienti di cliccare ovunque all'interno del blocco.

💡 Questo funziona particolarmente bene per collegare i clienti alle pagine di fiducia, spedizione o politica.

📌 Disponibile Link Destinazioni

Una volta selezionato un tipo CTA, è possibile scegliere dove i clienti dovrebbero essere reindirizzati.

Pagina del prodotto

Reindirizza i visitatori direttamente a un Shopify prodotto.

Pagina della raccolta

Reindirizza i visitatori a un Shopify collezione.

URL personalizzato

Reindirizza i visitatori a:

Termini di servizio
Informazioni sulla nostra pagina
Politica di spedizione
Pagine esterne

🛒 Link del prodotto

Se il link alla pagina del prodotto è selezionato:

→ Uso Seleziona prodotto scegliere il prodotto di destinazione direttamente dal vostro Shopify negozio.

🔄 Organizzare le icone

È possibile gestire facilmente il layout dell'icona e la disposizione.

Azioni disponibili

Aggiungere più icone
Rimuovere le singole icone
Combinazioni icone per layout più puliti

⚠️ Troppe icone insieme possono influenzare la spaziatura su schermi mobili più piccoli.

✅ Passo 4: Personalizzare le impostazioni di progettazione

Aprire Design scheda per modellare i blocchi di icona.

Controlli di progettazione disponibili

Visibilità

Scegli:

Desktop & Mobile
Solo Desktop
Solo mobile

Tipografia e colori

Personalizza:

Fonti
Dimensioni del testo
Colori di sfondo
Borse
Spaziatura

⚠️ Importante:

L'editing personalizzato dei colori è disponibile solo per le icone integrate supportate.

Immagini personalizzate caricate e alcuni loghi di pagamento standard possono conservare i loro colori originali.

Animazione

Scegliere stili di animazione per rendere Icon Blocks sentire più dinamico e evidente.

💡 Le animazioni sottili spesso svolgono il meglio senza distrarsi.

✅ Passo 5: Configurare Luogo di lavoro e visibilità

Navigare al Luogo e visibilità scheda.

Controlli disponibili

Pagine

Scegliere dove dovrebbero apparire i blocchi di icona:

Tutte le pagine
Pagina principale solo
Pagine di prodotto
Pagine di raccolta

Apparecchi

Controllo della visibilità per:

Desktop
Mobile
Entrambi

Posizione

Impostare il posizionamento come:

In basso a sinistra
In basso a destra
posizioni in linea

Orari

Configurazione facoltativa:

Date di inizio
Date finali
visibilità della campagna temporanea

✅ Passo 6: Salva e Pubblica

Una volta che i blocchi Icon sono completamente configurati:

Fare clic Salva
Quindi fare clic Pubblicazione

Dopo la pubblicazione:

→ Visita il tuo negozio e verifica che i blocchi Icon appaiono correttamente nella posizione selezionata.

💡 Trucco rapido per la risoluzione dei problemi

Se i blocchi Icon non appaiono sul tuo negozio dopo aver pubblicato:

Il tuo Shopify tema può essere bloccando l'app incorporata.

Per risolvere questo problema

Vai a Shopify Amministrazioni → Online Store → Temi
Fare clic Modifica tema sul tema live
Aperto App Embeds dalla barra laterale
Toggle Hoppy Trust Badges (Bagge e icone) → ON
Fare clic Salva

✅ Risultato finale

Una volta configurato con successo, Icon Blocks aiutano a rendere il vostro negozio sentire più affidabile, informativo, e la conversione messa a fuoco.

Con la corretta configurazione:

✅ I clienti guadagnano più fiducia prima di acquistare
✅ Importanti politiche di negozio diventano più visibili
✅ La messaggistica fiducia si sente più pulito e più professionale
✅ L'impegno di Storefront migliora
✅ Esitazione di controllo può essere ridotta
✅ La credibilità diventa più forte

I blocchi Icon funzionano meglio se combinati con layout puliti, spaziature bilanciate e messaggi di fiducia significativi.

Aggiornato il: 10/09/2026

È stato utile questo articolo?

Grazie!