Vidensbase

Brug brugerdefinerede sociale ikoner i indhold

Skrevet af HubSpot Support | Jun 28, 2023 12:39:50 PM

Hvis du vil bruge brugerdefinerede sociale ikoner i et Social follow- 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

  • Klik på modulet Social follow eller Social sharing i venstre kolonne.
  • I advarslen i moduleditoren skal du klikke på Klon modul.
  • Indtast et navn til det klonede modul i dialogboksen, og klik derefter på Klon.

2. Udskift ikonerne

  • Find afsnittet Linked files i modulinspektøren. 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 tilpassede 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).
  • Hvis du vil erstatte et eksisterende socialt ikon for et netværk, skal du klikke på x-symbolet til højre for filen. Klik derefter på Add ved siden af Other files.

  • I højre panel kan du bruge søgefeltet til at finde dit brugerdefinerede sociale ikon i din filhåndtering, eller du kan klikke på Tilføj fil nederst til venstre og vælge Upload filer for at uploade dine brugerdefinerede 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å Udgiv æ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 udgivet, kan du tilføje det til enten en træk-og-slip-skabelon eller en kodet skabelon.

Træk og slip-skabeloner

  • Klik på navnet på en skabelon i venstre kolonne.
  • Klik på + Tilføj i højre kolonne.
  • Klik på det nye modul, og træk det derefter på plads i din skabelon.
  • Klik på Udgiv ændringer øverst til højre.

Kodede skabeloner

  • Klik på navnet på det nye modul i venstre kolonne.
  • Klik på rullemenuen Handlinger øverst til venstre, og vælg derefter Kopier uddrag.

  • Klik på navnet på den kodede skabelon i venstre kolonne.
  • Indsæt uddraget i den kodede skabelon, hvor du ønsker, at modulet skal vises.
  • Klik på Udgiv ændringer øverst til højre.