Brug brugerdefinerede sociale ikoner i indhold

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

• På din HubSpot-konto skal du navigere til Indhold > Design Manager.
• 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

• På din HubSpot-konto skal du navigere til Indhold > Design Manager.
• 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

• På din HubSpot-konto skal du navigere til Indhold > Design Manager.
• 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.