Nota bene: la traduzione in italiano di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Utilizzare icone sociali personalizzate nei contenuti
Ultimo aggiornamento: agosto 8, 2024
Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:
Tutti i prodotti e i piani |
Per utilizzare le icone sociali personalizzate in un modulo Social follow o Social sharing su una pagina o un modello HubSpot, create una versione personalizzata del modulo per aggiungere le vostre icone sociali.
1. Clonare il modulo predefinito
- Nel tuo account HubSpot, passa a Contenuti > Design Manager.
- Nella colonna di sinistra, fare clic sul modulo Social follow o Social sharing .
- Nell'avviso dell'editor di moduli, fare clic su Clona modulo.
- Nella finestra di dialogo, inserire un nome per il modulo clonato, quindi fare clic su Clona.
2. Sostituire le icone
- Nell'ispettore del modulo, individuare la sezione File collegati . In Altri file, prendere nota dei nomi dei file delle icone sociali per ogni rete (ad esempio, facebook-color.png).
- Assicurarsi che le immagini personalizzate delle icone sociali siano in formato PNG e abbiano lo stesso nome dei file delle icone sociali esistenti per ogni rete del modulo (ad esempio facebook-color.png).
- Per sostituire un'icona sociale esistente per un network, fare clic sul simbolo x a destra del file. Quindi, fare clic su Aggiungi accanto ad Altri file.
- Nel pannello di destra, utilizzare la barra di ricerca per individuare l'icona social personalizzata nel file manager, oppure fare clic su Aggiungi file in basso a sinistra e selezionare Carica file per caricare le icone social personalizzate dal dispositivo.
- Fare clic sul nome del file per aggiungere l'icona al modulo.
- Dopo aver sostituito i file delle icone sociali, fare clic su Anteprima in alto a destra nell'editor del modulo per aprire un'anteprima del modulo.
- Quando si è soddisfatti di come appare il modulo, fare clic su Pubblica modifiche nell'editor di moduli in alto a destra. Ora è possibile aggiungere questo nuovo modulo personalizzato ai contenuti di HubSpot.
3. Aggiungete il modulo al vostro modello
Una volta pubblicato il modulo, è possibile aggiungerlo a un template drag and drop o a un template codificato.
Modelli trascinabili
- Nel tuo account HubSpot, passa a Contenuti > Design Manager.
- Nella colonna di sinistra, fare clic sul nome di un modello.
- Nella colonna di destra, fare clic su + Aggiungi.
- Fare clic sul nuovo modulo e trascinarlo in posizione sul modello.
- In alto a destra, fare clic su Pubblica modifiche.
Modelli codificati
- Nel tuo account HubSpot, passa a Contenuti > Design Manager.
- Nella colonna di sinistra, fare clic sul nome del nuovo modulo.
- In alto a sinistra, fare clic sul menu a discesa Azioni e selezionare Copia snippet.
- Nella colonna di sinistra, fare clic sul nome del modello codificato.
- Nel modello codificato, incollare lo snippet nel punto in cui si desidera che appaia il modulo.
- In alto a destra, fare clic su Pubblica modifiche.
Design Manager
Grazie per il tuo feedback, significa molto per noi.
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.