Använd egna sociala ikoner i innehållet

HubSpots standardmoduler Social sharing och Social follow innehåller vanliga ikoner för sociala nätverk (t.ex. Facebook eller LinkedIn). För att ersätta de sociala standardikonerna kan du klona och anpassa modulen. Lägg sedan till din anpassade sociala modul på dina sidor eller mallar.

Klona den sociala standardmodulen

1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
2. I sökaren anger du text för att söka efter modulen Social delning eller Social följning.
3. Klicka på modulen Social follow eller Social sharing .
4. I modulredigeraren klickar du på Klona moduli varningen Modulen är skrivskyddad.

5. Ange ett namn för den klonade modulen i dialogrutan och klicka sedan på Klona. Du kommer att skickas till modulredigeraren för att fortsätta anpassa de sociala ikonerna.

Byt ut de sociala ikonerna

1. Leta upp avsnittet Länkade filer i inspektören. Ifältet Andra filer noterar du filnamnen på de sociala ikonerna för varje nätverk (t.ex. facebook-color.png eller linkedin-color. png ).
2. Kontrollera att dina anpassade bilder med sociala ikoner är i PNG-format.
   
3. Kontrollera att de nya bilderna med sociala ikoner har samma filnamn som de befintliga filerna med sociala ikoner för varje nätverk i modulen (t.ex. facebook-color.png eller linkedin-color. png).
4. Klicka på X för att ta bort den befintliga sociala ikonfilen.
5. Klicka på Lägg till bredvid fältet Andra filer.

6. Leta reda på din anpassade sociala ikon i filhanteraren i den högra panelen. Om du vill ladda upp en fil från din enhet klickar du på Ladda upp.
7. Klicka på filnamnet för att lägga till ikonen i modulen.
8. Om du vill förhandsgranska den sociala modulen klickar du på Förhandsgranska längst upp till höger i modulredigeraren.
9. När du är klar klickar du på Publicera ändringar.

Lägg till modulen i din mall

När den sociala modulen har publicerats kan du lägga till den i antingen en dra-och-släpp-mall eller en kodad mall.

Dra och släpp-mallar

1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
2. Klicka på namnet på en mall i sökaren.
3. Klicka på + Lägg till i inspektören.
4. Klicka på den nya sociala modulen och dra den sedan till rätt plats i mallen.
5. När du är klar klickar du på Publicera ändringar längst upp till höger.

Kodade mallar

1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
2. Klicka på den nya sociala modulen i sökaren.
3. Klicka på rullgardinsmenyn Åtgärder och välj Kopiera snippet.
4. Klicka på den kodade mallen i sökaren.
5. I kodredigeraren klistrar du in kodavsnittet där du vill att modulen ska visas.
6. När du är klar klickar du på Publicera ändringar längst upp till höger.