Nota bene: la traduzione in olandese 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.
Design Manager

Utilizzare icone sociali personalizzate su pagine o modelli HubSpot

Ultimo aggiornamento: febbraio 17, 2021

Si applica a:

Marketing Hub  Professional, Enterprisee
CMS Hub  Professional, Enterprisee
Legacy Marketing Hub Basic

Per utilizzare le icone sociali personalizzate in un modulo Follow Me o Social Sharing su una pagina o template HubSpot, crea una versione personalizzata del modulo per aggiungere le tue icone sociali.

1. Clonare il modulo predefinito

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • In alto a sinistra, usa la barra di ricerca per individuare ilmodulopredefinito Follow Me oSocial Sharing.
  • Clicca sul nomedelmodulo per aprirlo nell'editor.
  • Nell'avviso nell'editor del modulo, clicca su Clonamodulo.
custom-social-sharing-module
  • Nella finestra di dialogo, inserisci un nome per il tuo modulo clonato, poi clicca su Clone.

2. Sostituisci le icone

  • Nell'ispettore del modulo, individua lasezione Linked files. Sotto Altrifile, prendi nota dei nomi dei file delle icone sociali per ogni rete (ad esempio facebook-color.png).
  • Assicurati che le immagini delle tue icone sociali personalizzate siano informato PNGe abbiano gli stessi nomi dei file delle icone sociali esistenti per ogni rete nel modulo (ad esempio facebook-color.png).
  • Per sostituire un'icona sociale esistente per una rete, clicca sulsimbolox a destra del file. Poi, clicca su Aggiungiaccanto a Altri file.

  • Nel pannello di destra, usa la barra di ricerca perindividuare la tua icona sociale personalizzata nel tuo file manager, oppure clicca su Aggiungi filein bassoa sinistra e seleziona Carica file percaricare le tue icone sociali personalizzate dal tuo dispositivo.
  • Clicca sulnome del fileper aggiungere l'icona al modulo.

  • Dopo aver sostituito i file delle icone sociali, clicca su Anteprima inalto a destra dell'editor del modulo per aprire un'anteprima del modulo.
  • Quando sei soddisfatto di come appare il modulo, clicca suPubblica modifiche inalto a destra dell'editor di moduli. Ora puoi aggiungere questo nuovo modulo personalizzato al tuo contenuto HubSpot.


3. Aggiungi il modulo al tuo template

Con il modulo pubblicato, puoi aggiungerlo a un template drag and drop o a un template codificato.

Modelli a trascinamento

Per aggiungere il tuo nuovo modulo Social Sharing o Follow Me a un template drag and drop, controlla la nostra guida su come aggiungere moduli ai template.

Modelli codificati

Per aggiungere questo nuovo modulo a un modello codificato:

  • Apri il modulo nel tuo design manager.
  • In alto a sinistra, fai clic sul menu a discesa Actions, quindi seleziona Copysnippet.

    design-manager-copy-module-snippet
  • Naviga fino al modello codificato a cui vuoi aggiungere questo modulo.
  • Nel modello codificato, incolla lo snippet dove vuoi che il modulo appaia.
  • In alto a destra, clicca suPubblica.