Utilizzare icone sociali personalizzate nei contenuti

I moduli predefiniti di HubSpot Social sharing e Social follow includono le icone dei social network più comuni (ad esempio, Facebook o LinkedIn). Per sostituire le icone social predefinite, è possibile clonare e personalizzare il modulo. Quindi aggiungete il modulo social personalizzato alle vostre pagine o ai vostri modelli.

Clonare il modulo sociale predefinito

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
2. Nel Finder, inserire il testo per cercare il modulo Social sharing o Social follow.
3. Fare clic sul modulo Social follow o Social sharing .
4. Nell'editor dei moduli, fare clic su Clona modulo nell'avviso Il modulo è di sola lettura.

5. Nella finestra di dialogo, inserire un nome per il modulo clonato, quindi fare clic su Clona. Si verrà indirizzati all'editor del modulo per continuare a personalizzare le icone sociali.

Sostituire le icone sociali

1. Nell'ispettore, individuare la sezione File collegati . Nelcampo Altri file , prendere nota dei nomi dei file delle icone sociali per ogni rete (ad esempio, facebook-color.png o linkedin-color.png).
2. Confermare che le immagini delle icone sociali personalizzate sono in formato PNG.
   
3. Confermare che le nuove immagini delle icone sociali hanno lo stesso nome dei file delle icone sociali esistenti per ogni rete nel modulo (ad esempio, facebook-color.png o linkedin-color.png).
4. Fare clic sulla X per rimuovere il file dell'icona sociale esistente.
5. Fare clic su Aggiungi accanto al campo Altri file.

6. Nel pannello di destra, individuare l'icona social personalizzata nel file manager. Per caricare un file dal dispositivo, fare clic su Carica.
7. Fare clic sul nome del file per aggiungere l'icona al modulo.
8. Per visualizzare l'anteprima del modulo sociale, fare clic su Anteprima in alto a destra nell'editor del modulo.
9. Al termine, fare clic su Pubblica modifiche.

Aggiungere il modulo al modello

Dopo aver pubblicato il modulo sociale, è possibile aggiungerlo a un modello drag and drop o a un modello codificato.

Modelli trascinabili

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
2. Nel Finder, fare clic sul nome di un modello.
3. Nell'ispettore, fare clic su + Aggiungi.
4. Fare clic sul nuovo modulo sociale, quindi trascinarlo in posizione sul modello.
5. Al termine, fare clic su Pubblica modifiche in alto a destra.

Modelli codificati

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
2. Nel Finder, fare clic sul nuovo modulo sociale.
3. Fare clic sul menu a discesa Azioni e selezionare Copia snippet.
4. Nel Finder, fare clic sul modello codificato.
5. Nell'editor di codice, incollare lo snippet nel punto in cui si desidera che appaia il modulo.
6. Al termine, fare clic su Pubblica modifiche in alto a destra.