Gå til innhold
Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

Bruk egendefinerte sosiale ikoner på HubSpot-sider eller -maler.

Sist oppdatert: juni 28, 2023

Gjelder for:

Alle produkter og planer

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

  • Gå til Innhold > Design Manager i HubSpot-kontoen din.
  • 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.
custom-social-sharing-module
  • 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.

    design-manager-copy-module-snippet
  • 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.
Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.