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
- 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
- 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
- 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.