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
- 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.
- 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.
- 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.