> ## 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 Icone Social Media

> ℹ️ **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 Social Media Icons per migliorare la visibilità del marchio, l'impegno del cliente e la connettività sociale sul tuo negozio.

---

## **✅ Passo 1: Aprire Social Media Icone Impostazioni**

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 visualizzare i Social Media Icons.

### **📍 Tipi di posizionamento disponibili**

### **Pagina del prodotto**

*   Mostra icone sociali direttamente sulle pagine dei prodotti
*   Aiuta i clienti a scoprire e connettersi con il tuo marchio durante la navigazione

### **Piede**

*   Visualizza icone nella sezione piè di pagina del tuo sito web
*   Mantiene i collegamenti sociali accessibili in tutte le pagine

### **Icone galleggianti**

*   Visualizzare le icone sociali fluttuanti che rimangono visibili mentre la pergamena dei clienti
*   Solitamente posizionato negli angoli dello schermo per una rapida accessibilità

### **Cassetto portaoggetti**

*   Mostra icone sociali all'interno del mini carrello o carrello di scorrimento
*   Incoraggia l'impegno durante il viaggio dello shopping

### **Pagina del carrello**

*   Visualizza icone direttamente sulla pagina del carrello prima del checkout
*   Utile per promuovere comunità, recensioni o prove sociali

### **Pagina di controllo**

*   Visualizza le icone durante il Shopify processo di controllo
*   Aiuta a rafforzare la fiducia del marchio prima del completamento dell'ordine
*   Disponibile solo per **Shopify Più** mercanti

### **Posizione personalizzata**

*   Posizionare manualmente le icone esattamente dove li vuoi
*   Il posizionamento può essere regolato utilizzando il Shopify Tema Editor

---

## **✅ Passo 3: Impostazione di icone dei social media**

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

### **Social & Brand Icons**

---

## **📝 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 è solo per il riferimento di amministratore di negozio e non è visibile ai clienti

---

## **✍️ Testo promozionale (opzionale)**

È possibile aggiungere facoltativamente testo promozionale sopra le icone sociali.

### **Campi disponibili**

### **Titolo**

Utilizzare voci coinvolgenti come:

*   “Follow Our Journey”
*   “Connettiti con noi”
*   “Stay Social”

### **Subheading**

Aggiungi un messaggio di supporto come:

*   “Rimani aggiornato sulle offerte quotidiane”
*   “Tag noi per essere presenti”
*   “Unisciti alla nostra comunità”

---

## **🎨 Scegliere e gestire le icone**

È possibile personalizzare le icone mostrate all'interno del blocco Social Media.

### **Azioni disponibili**

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

### **Piattaforme supportate Include**

*   Instagram
*   Facebook
*   TikTok
*   Pinterest
*   X (Twitter)
*   YouTube

### **Caricamenti personalizzati**

Puoi anche caricare icone personalizzate direttamente dal tuo dispositivo.

---

## **➕ Aggiungi più icone**

Fare clic **Aggiungi nuova icona** includere ulteriori icone sociali o di marca all'interno dello stesso blocco.

💡 Questo permette ai commercianti di mostrare più piattaforme sociali insieme.

---

## **🔗 Configurare chiamata all'azione (CTA)**

Ogni Social Media Icon può includere un comportamento cliccabile.

### **Comportamento predefinito**

Per impostazione predefinita, le icone utilizzano:

### **Aggiungi Link al blocco intero**

Questo rende l'intero blocco icona cliccabile per un'esperienza di visitatore senza soluzione di continuità.

---

## **📌 Tipi CTA disponibili**

### **Link personalizzato (più comune)**

Incolla collegamenti diretti come:

*   URL pagina Facebook
*   profili Instagram
*   Link chat di WhatsApp
*   Discord invita
*   Pagine di atterraggio esterne

### **Pagina del prodotto**

Reindirizza i visitatori direttamente a uno specifico Shopify prodotto.

### **Pagina della raccolta**

Reindirizza i visitatori di una specifica collezione di prodotti.

### **Nessuna chiamata all'azione**

Le icone rimangono statiche e non cliccabili.

### **Aggiungi pulsante con Link**

Crea un pulsante cliccabile separato accanto o sotto le icone.

---

## **🛒 Link del prodotto**

Se la pagina del prodotto CTA è selezionata:

→ Uso **Seleziona prodotto** scegliere la destinazione del prodotto direttamente dal vostro Shopify negozio.

---

## **🔄 Organizzare le icone**

È possibile gestire il layout icona facilmente.

### **Opzioni 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 creare i tuoi Social Media Icons.

### **Controlli di progettazione disponibili**

### **Visibilità**

Scegli:

*   Desktop & Mobile
*   Solo Desktop
*   Solo mobile

### **Colori di icona**

Scegli tra:

*   Colore ufficiale del marchio
*   Colori personalizzati corrispondenti al tema del negozio

### **Tipografia e dimensioni**

Regolazione:

*   Dimensioni del carattere
*   Spaziatura di icone
*   Apparenza del layout
*   Animazione

💡 Puoi usare animazioni sottili per rendere le icone sociali più interattive senza distrarsi.

---

## **✅ Passo 5: Configurare Luogo di lavoro e visibilità**

Navigare al **Luogo e visibilità** scheda.

### **Controlli disponibili**

### **Pagine**

Scegli dove dovrebbero apparire le icone:

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

### **Apparecchi**

Controllo della visibilità per:

*   Desktop
*   Mobile
*   Entrambi

### **Posizione**

Impostare il posizionamento icona 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 configurate le icone dei social media:

*   Fare clic **Salva**
*   Quindi fare clic **Pubblicazione**

Dopo la pubblicazione:

→ Visita il tuo live storefront e conferma che tutte le icone reindirizzano correttamente alle destinazioni previste.

---

## **💡 Trucco rapido per la risoluzione dei problemi**

Se i Social Media Icons non appaiono sul tuo negozio dopo la pubblicazione:

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, i Social Media Icons aiutano a rendere il tuo negozio sentire più connesso, affidabile e community-driven.

Con la corretta configurazione:

✅ I clienti possono connettersi rapidamente con il vostro marchio  
✅ La visibilità sociale diventa più forte  
✅ L'impegno comunitario migliora  
✅ La fiducia del marchio è più autentica  
✅ La navigazione sul negozio diventa più interattiva  
✅ I visitatori possono accedere immediatamente a importanti piattaforme sociali

Icone di social media funzionano meglio quando combinato con il posizionamento pulito, la spaziatura equilibrata e le destinazioni sociali rilevanti.

---