Salta al contenuto
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.
custom-social-sharing-module
  • 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.

    design-manager-copy-module-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.
L'articolo è stato utile?
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.