Bruk egendefinerte sosiale ikoner i innholdet

HubSpots standardmoduler for sosial deling og sosial oppfølging inkluderer vanlige ikoner for sosiale nettverk (f.eks. Facebook eller LinkedIn). Hvis du vil erstatte standardikonene, kan du klone og tilpasse modulen. Deretter legger du til den tilpassede sosiale modulen på sidene eller malene dine.

Klone den sosiale standardmodulen

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Skriv inn tekst i søkeren for å søke etter modulen Sosial deling eller Sosial oppfølging.
3. Klikk på modulen Social follow eller Social sharing .
4. I modulredigeringsprogrammet klikker du på Klonemodul i modulen er skrivebeskyttet.

5. Skriv inn et navn på den klonede modulen i dialogboksen, og klikk deretter på Klon. Du blir sendt videre til modulredigeringsprogrammet for å fortsette å tilpasse de sosiale ikonene.

Erstatt de sosiale ikonene

1. I inspektøren finner du delen Koblede filer. Ifeltet Andre filer legger du merke til filnavnene på de sosiale ikonene for hvert nettverk (f.eks. facebook-color.png eller linkedin-color. png ).
2. Kontroller at de egendefinerte bildene av sosiale ikoner er i PNG-format.
   
3. Kontroller at de nye bildene av sosiale ikoner har samme filnavn som de eksisterende filene med sosiale ikoner for hvert nettverk i modulen (f.eks. facebook-color.png eller linkedin-color. png).
4. Klikk på X for å fjerne den eksisterende filen med sosiale ikoner.
5. Klikk på Legg til ved siden av feltet Andre filer.

6. Finn det egendefinerte sosiale ikonet i filbehandleren i høyre panel. Klikk på Last opp for å laste opp en fil fra enheten din.
7. Klikk på filnavnet for å legge til ikonet i modulen.
8. Hvis du vil forhåndsvise den sosiale modulen, klikker du på Forhåndsvis øverst til høyre i modulredigeringsprogrammet.
9. Når du er ferdig, klikker du på Publiser endringer.

Legg til modulen i malen din

Når den sosiale modulen er publisert, kan du legge den til i enten en dra-og-slipp-mal eller en kodet mal.

Dra og slipp-maler

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Klikk på navnet på en mal i søkeren.
3. Klikk på + Legg til i inspektøren.
4. Klikk på den nye sosiale modulen, og dra den deretter på plass i malen.
5. Når du er ferdig, klikker du på Publiser endringer øverst til høyre.

Kodede maler

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Klikk på den nye sosiale modulen i søkeren.
3. Klikk på rullegardinmenyen Handlinger, og velg Kopier utdrag.
4. Klikk på den kodede malen i søkeren.
5. Lim inn kodebiten der du vil at modulen skal vises, i kodeditoren.
6. Når du er ferdig, klikker du på Publiser endringer øverst til høyre.