Sist oppdatert: august 8, 2024
Gjelder for:
Alle produkter og planer
|
Hvis du vil bruke egendefinerte sosiale ikoner i en Social follow- eller Social sharing-modul på en HubSpot-side eller -mal, oppretter du en tilpasset versjon av modulen for å legge til dine egne sosiale ikoner.
1. Klon standardmodulen
- Gå til Innhold > Design Manager i HubSpot-kontoen din.
- I venstre kolonne klikker du på modulen Social follow eller Social sharing .
- Klikk på Klon modul i modulredigeringsvinduet.
- Skriv inn et navn på den klonede modulen i dialogboksen, og klikk deretter på Klon .
2. Erstatt ikonene
- I modulinspektøren finner du delen Koblede filer. Under Andre filer legger du merke til filnavnene på de sosiale ikonene for hvert nettverk (f.eks. facebook-color.png).
- Sørg for at de egendefinerte bildene av sosiale ikoner er i PNG-format og har samme filnavn som de eksisterende filene med sosiale ikoner for hvert nettverk i modulen (f.eks. facebook-color.png).
- Hvis du vil erstatte et eksisterende sosialt ikon for et nettverk, klikker du på x-symbolet til høyre for filen. Klikk deretter på Legg til ved siden av Andre filer.
- I høyre panel kan du bruke søkefeltet til å finne det egendefinerte sosiale ikonet i filbehandleren, eller du kan klikke på Legg til fil nederst til venstre og velge Last opp filer for å laste opp de egendefinerte sosiale ikonene fra enheten din.
- Klikk på filnavnet for å legge til ikonet i modulen.
- Når du har byttet ut filene med sosiale ikoner, klikker du på Forhåndsvis øverst til høyre i modulredigeringsprogrammet for å åpne en forhåndsvisning av modulen.
- Når du er fornøyd med hvordan modulen ser ut, klikker du på Publiser endringer øverst til høyre i modulredigeringsprogrammet. Du kan nå legge til denne nye egendefinerte modulen i HubSpot-innholdet ditt.
3. Legg til modulen i malen din
Når modulen er publisert, kan du legge den til i enten en dra-og-slipp-mal eller en kodet mal.
Dra og slipp-maler
- Gå til Innhold > Design Manager i HubSpot-kontoen din.
- Klikk på navnet på en mal i venstre kolonne.
- Klikk på + Legg til i høyre kolonne.
- Klikk på den nye modulen, og dra den deretter på plass i malen.
- Klikk på Publiser endringer øverst til høyre.
Kodede maler
- Gå til Innhold > Design Manager i HubSpot-kontoen din.
- Klikk på navnet på den nye modulen i venstre kolonne.
- Klikk på rullegardinmenyen Handlinger øverst til venstre, og velg deretter Kopier utdrag.
- Klikk på navnet på den kodede malen i venstre kolonne.
- Lim inn utdraget i den kodede malen der du vil at modulen skal vises.
- Klikk på Publiser endringer øverst til høyre.