HubSpot Baza wiedzy

Używanie niestandardowych ikon społecznościowych w treści

Autor: HubSpot Support | Oct 18, 2021 4:22:23 PM

Aby użyć niestandardowych ikon społecznościowych w module obserwowania społecznościowego lub udostępniania społecznościowego na stronie lub szablonie HubSpot, utwórz niestandardową wersję modułu, aby dodać własne ikony społecznościowe.

1. Sklonuj domyślny moduł

  • W lewej kolumnie kliknij moduł Social follow lub Social sharing .
  • W alercie w edytorze modułów kliknij Klonuj moduł.
  • W oknie dialogowym wprowadź nazwę sklonowanego modułu, a następnie kliknij przycisk Clone.

2. Zastąp ikony

  • W inspektorze modułów znajdź sekcję Powiązane pliki . W sekcji Inne pliki zwróć uwagę na nazwy plików ikon społecznościowych dla każdej sieci (np. facebook-color.png).
  • Upewnij się, że niestandardowe obrazy ikon społecznościowych są w formacie PNG i mają takie same nazwy plików, jak istniejące pliki ikon społecznościowych dla każdej sieci w module (np. facebook-color.png).
  • Aby zastąpić istniejącą ikonę społecznościową dla sieci, kliknij symbol x po prawej stronie pliku. Następnie kliknij przycisk Dodaj obok opcji Inne pliki.

  • W prawym panelu użyj paska wyszukiwania , aby zlokalizować niestandardową ikonę społecznościową w menedżerze plików lub kliknij Dodaj plik w lewym dolnym rogu i wybierz Prześlij pliki, aby przesłać niestandardowe ikony społecznościowe z urządzenia.
  • Kliknij nazwę pliku, aby dodać ikonę do modułu.

  • Po zastąpieniu plików ikon społecznościowych kliknij przycisk Podgląd w prawym górnym rogu edytora modułów, aby otworzyć podgląd modułu.
  • Gdy będziesz zadowolony z wyglądu modułu, kliknij przycisk Opublikuj zmiany w prawym górnym rogu edytora modułów. Możesz teraz dodać ten nowy moduł niestandardowy do treści HubSpot.


3. Dodaj moduł do szablonu

Po opublikowaniu modułu można dodać go do szablonu typu "przeciągnij i upuść" lub szablonu kodowanego.

Szablony typu "przeciągnij i upuść

  • W lewej kolumnie kliknij nazwę szablonu.
  • W prawej kolumnie kliknij + Dodaj.
  • Kliknij nowy moduł, a następnie przeciągnij go na szablon.
  • W prawym górnym rogu kliknij przycisk Opublikuj zmiany.

Kodowane szablony

  • W lewej kolumnie kliknij nazwę nowego modułu.
  • W lewym górnym rogu kliknij menu rozwijane Akcje, a następnie wybierz opcję Kopiuj fragment.

  • W lewej kolumnie kliknij nazwę zakodowanego szablonu.
  • W zakodowanym szablonie wklej fragment, w którym ma pojawić się moduł.
  • W prawym górnym rogu kliknij przycisk Opublikuj zmiany.