Använd anpassade sociala ikoner på HubSpot-sidor eller mallar
Senast uppdaterad: januari 20, 2023
Om du vill använda anpassade sociala ikoner i en modul Följ mig eller Social Sharing på en HubSpot-sida eller mall skapar du en anpassad version av modulen för att lägga till dina egna sociala ikoner.
1. Klona standardmodulen
- I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.}
- Använd sökfältet uppe till vänster för att hitta standardmodulen Follow MeellerSocial Sharing.
- Klicka på modulensnamn.för att öppna den i redigeraren.
- Klicka påKlona modul i varningen i modulredigeraren.

- Ange ett namn för den klonade modulen i dialogrutan och klicka sedan påKlona.
2. Byt ut ikonerna
- I modulinspektören letar du upp avsnittetLänkade filer. UnderAndra filer noterar du filnamnen på de sociala ikonerna för varje nätverk (t.ex.facebook-color.png).
- Se till att dina anpassade sociala ikonbilder är iPNG-format och har samma filnamn som de befintliga sociala ikonfilerna för varje nätverk i modulen (t.ex.facebook-color.png).
- Om du vill ersätta en befintlig social ikon för ett nätverk klickar du påx-symbolentill höger om filen. Klicka sedan påLägg till bredvidAndra filer.
- I den högra panelen kan du använda sökfältetför att hitta din anpassade sociala ikon i din filhanterare, eller klicka påLägg till fillängst ner till vänster och väljLadda upp filer för att ladda upp dina anpassade sociala ikoner från din enhet.
- Klicka påfilnamnet för att lägga till ikonen i modulen.
- När du har ersatt filerna med de sociala ikonerna klickar du på Förhandsgranskninguppe till höger i modulredigeraren för att öppna en förhandsgranskning av modulen.
- När du är nöjd med hur modulen ser ut klickar du påPublicera ändringaruppe till höger i modulredigeraren. Du kan nu lägga till den här nya anpassade modulen i ditt HubSpot-innehåll.
3. Lägg till modulen i din mall
När modulen har publicerats kan du lägga till den i antingen en drag and drop-mall eller en kodad mall.
Mallar för drag och släpp
Om du vill lägga till din nya modul för social delning eller följ mig till en drag-och-dropp-mall kan du läsa vår guide om hur du lägger till moduler till mallar.
Kodade mallar
Om du vill lägga till den nya modulen i en kodad mall:
- Öppna modulen i designhanteraren.
- I övre vänstra hörnet klickar du på rullgardinsmenyn Åtgärder och väljer sedanKopiera utdrag.
- Navigera till den kodade mall som du vill lägga till modulen i.
- I den kodade mallen klistrar du in utdraget där du vill att modulen ska visas.
- Klicka påPublicera uppe till höger.
Relaterat innehåll
-
Skapa sidor på flera språk
Du kan översätta innehållet på en HubSpot-sida till flera språk. Genom att lägga till en modul för...
Kunskapsbas -
Använd teckensnitt i HubSpot
Vilka typsnitt som är tillgängliga för innehåll i HubSpot beror på innehållstyp och typsnittstyp. Vissa...
Kunskapsbas -
Lägg till Google Tag Manager-koden i HubSpot-innehållet
Du kan integrera Google Tag Manager med HubSpot för att spåra landningssidor, webbsidor, bloggar och...
Kunskapsbas