Hvis du vil bruke egendefinerte sosiale ikoner i en Follow Me- eller Social Sharing-modul på en HubSpot-side eller -mal, må du opprette en tilpasset versjon av modulen for å legge til dine egne sosiale ikoner.
1. Klone standardmodulen
- Bruk søkefeltet øverst til venstre for å finne standardmodulen Follow Me eller Social Sharing .
- Klikk på navnet på modulen for å åpne den i redigeringsverktøyet.
- I varselet i modulredigeringsprogrammet klikker du på Klon modul.
- Skriv inn et navn på den klonede modulen i dialogboksen, og klikk deretter på Klon.
2. Bytt ut ikonene
- Gå til delen Koblede filer i modulinspektøren. 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 for 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 panelet til høyre kan du bruke søkefeltet til å finne det egendefinerte sosiale ikonet i filbehandleren, eller klikke på Legg til fil nederst til venstre og velge Last opp filer for å laste opp de egendefinerte sosiale ikonene fra enheten.
- Klikk på filnavnet for å legge til ikonet i modulen.
- Når du har erstattet filene med sosiale ikoner, klikker du på Forhåndsvisning ø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 den 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
Hvis du vil legge til den nye Social Sharing- eller Follow Me-modulen i en dra-og-slipp-mal, kan du lese veiledningen vår om hvordan du legger til moduler i maler.
Kodede maler
Slik legger du til denne nye modulen i en kodet mal:
- Åpne modulen i designadministratoren.
- Klikk på rullegardinmenyen Handlinger øverst til venstre, og velg deretter Kopier kodebit.
- Naviger til den kodede malen du vil legge til modulen i.
- Lim inn kodebiten der du vil at modulen skal vises i den kodede malen.
- Klikk på Publiser øverst til høyre.