Senast uppdaterad: augusti 8, 2024
Tillgänglig med något av följande abonnemang, om inte annat anges:
Alla produkter och planer
|
För att använda anpassade sociala ikoner i en Social follow- eller Social sharing-modul på en HubSpot-sida eller -mall, skapa en anpassad version av modulen för att lägga till dina egna sociala ikoner.
1. Klona standardmodulen
- I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
- I den vänstra kolumnen klickar du på modulen Social follow eller Social sharing .
- I varningen i modulredigeraren klickar du på Klona modul.
- I dialogrutan anger du ett namn för den klonade modulen och klickar sedan på Klona.
2. Byt ut ikonerna
- Leta reda på avsnittet Länkade filer i modulinspektören. Under Other files noterar du filnamnen på de sociala ikonerna för varje nätverk (t.ex. facebook-color.png).
- Se till att dina anpassade bilder av sociala ikoner är i PNG-format och har samma filnamn som de befintliga filerna med sociala ikoner 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å symbolen x till höger om filen. Klicka sedan på Lägg till bredvid Andra filer.
- I den högra panelen kan du använda sökfältet för att hitta din anpassade sociala ikon i din filhanterare, eller klicka på Lägg till fil längst ned till vänster och välj Ladda 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 bytt ut filerna med de sociala ikonerna klickar du på Förhandsgranska uppe 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 ändringar uppe 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 är publicerad kan du lägga till den i antingen en drag and drop-mall eller en kodad mall.
Dra och släpp-mallar
- I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
- Klicka på namnet på en mall i den vänstra kolumnen.
- Klicka på + Lägg till i den högra kolumnen.
- Klicka på den nya modulen och dra den sedan till rätt plats i mallen.
- Klicka på Publicera ändringar uppe till höger.
Kodade mallar
- I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
- Klicka på namnet på den nya modulen i den vänstra kolumnen.
- Klicka på rullgardinsmenyn Åtgärder längst upp till vänster och välj sedan Kopiera utdrag.
- Klicka på namnet på den kodade mallen i den vänstra kolumnen.
- I den kodade mallen klistrar du in snippet där du vill att modulen ska visas.
- Klicka på Publicera ändringar längst upp till höger.