Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
Design Manager

Använd anpassade sociala ikoner på HubSpot-sidor eller mallar

Senast uppdaterad: november 2, 2021

Gäller för:

Marknadsföring Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Tidigare Marketing Hub Basic

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.
custom-social-sharing-module
  • 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. KlickasedanLä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.

    design-manager-copy-module-snippet
  • 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.