> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 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** 1. Vai a **Shopify Amministrazioni** → **Online Store** → **Temi** 2. Fare clic **Modifica tema** sul tema live 3. Aperto **App Embeds** dalla barra laterale 4. Toggle **Hoppy Trust Badges (Bagge e icone)** → **ON** 5. 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. ---