Spring til indhold
Bemærk:Oversættelsen af denne artikel er kun til rådighed for nemheds skyld. Oversættelsen oprettes automatisk via en oversættelsessoftware og er muligvis ikke blevet korrekturlæst. Den engelske version af denne artikel bør således anses for at være den gældende version, der indeholder de seneste oplysninger. Du kan få adgang til den her.

Brug brugerdefinerede sociale ikoner på HubSpot-sider eller -skabeloner

Sidst opdateret: juni 28, 2023

Gælder for:

Alle produkter og abonnementer

Hvis du vil bruge brugerdefinerede sociale ikoner i et Follow Me- eller Social Sharing-modul på en HubSpot-side eller -skabelon, skal du oprette en brugerdefineret version af modulet for at tilføje dine egne sociale ikoner.

1. Klon standardmodulet

  • På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  • Brug søgefeltet øverst til venstre til at finde standardmodulet Follow Me eller Social Sharing .
  • Klik på modulets navn for at åbne det i editoren.
  • Klik på Klon modul i advarslen i moduleditoren.
custom-social-sharing-module
  • I dialogboksen skal du indtaste et navn til dit klonede modul og derefter klikke på Klon.

2. Udskift ikonerne

  • I modulinspektøren skal du finde sektionen Linkede filer . Under Andre filer skal du notere filnavnene på de sociale ikoner for hvert netværk (f.eks. facebook-color.png).
  • Sørg for, at dine brugerdefinerede sociale ikonbilleder er i PNG-format og har de samme filnavne som de eksisterende sociale ikonfiler for hvert netværk i modulet (f.eks. facebook-color.png).
  • For at erstatte et eksisterende socialt ikon for et netværk skal du klikke på x-symbolet til højre for filen. Klik derefter på Tilføj ved siden af Andre filer.

  • Brug søgefeltet i højre panel til at finde dit tilpassede sociale ikon i din filhåndtering, eller klik på Tilføj fil nederst til venstre, og vælg Upload filer for at uploade dine tilpassede sociale ikoner fra din enhed.
  • Klik på filnavnet for at tilføje ikonet til modulet.

  • Når du har udskiftet filerne med de sociale ikoner, skal du klikke på Preview øverst til højre i moduleditoren for at åbne en forhåndsvisning af modulet.
  • Når du er tilfreds med, hvordan modulet ser ud, skal du klikke på Publicer ændringer øverst til højre i moduleditoren. Du kan nu tilføje dette nye brugerdefinerede modul til dit HubSpot-indhold.


3. Føj modulet til din skabelon

Når modulet er publiceret, kan du tilføje det til enten en drag and drop-skabelon eller en kodet skabelon.

Træk og slip-skabeloner

Hvis du vil tilføje dit nye Social Sharing- eller Follow Me-modul til en drag and drop-skabelon, kan du se vores guide til, hvordan du tilføjer moduler til skabeloner.

Kodede skabeloner

Sådan tilføjer du dette nye modul til en kodet skabelon:

  • Åbn modulet i din design manager.
  • Klik på rullemenuen Handlinger øverst til venstre, og vælg derefter Copy snippet.

    design-manager-copy-module-snippet
  • Naviger til den kodede skabelon, som du vil føje modulet til.
  • Indsæt uddraget i den kodede skabelon, hvor du vil have modulet til at vises.
  • Klik på Udgiv øverst til højre.
Var denne artikel nyttig?
Denne formular bruges kun til dokumentationsfeedback. Læs, hvordan du kan få hjælp hos HubSpot.