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