W tym artykule dowiesz się o domyślnych modułach, które HubSpot udostępnia do wykorzystania w szablonach i stronach. Każdy typ modułu można dostosować za pomocą opcji stylizacji i zawartości w inspektorze. Możesz także dodać domyślny moduł do szablonu HTML za pomocą jego fragmentu HubL. Więcej informacji na temat tworzenia modułów domyślnych można znaleźć w dokumentacji deweloperskiej HubSpot.
Aby dodać moduły do szablonów metodą przeciągnij i upuść, kliknij + Dodaj w inspektorze w prawym górnym rogu edytora. Wszystkie domyślne moduły i wszelkie zapisane niestandardowe moduły lub grupy pojawią się tutaj. Aby znaleźć konkretny moduł, wpisz jego nazwę w pasku wyszukiwania. Możesz także kliknąć menu rozwijane Filtruj według kategorii lub tagów i wybrać jeden lub więcej filtrów.
Gdy moduł jest zaznaczony w edytorze, można modyfikować style, ustawienia i zawartość modułu w inspektorze. W sekcji Wrapping HTML kliknij przycisk Expand , aby dodać więcej niestandardowych stylów w edytorze kodu.
W dolnej części inspektora można zablokować moduł, aby użytkownicy nie mogli modyfikować domyślnej zawartości podczas edytowania bloga, wiadomości e-mail lub strony. Kliknij, aby włączyć przełącznik Zapobiegaj edycji w edytorach treści, aby włączyć to ustawienie.
Wszystkie konta Marketing Hub Professional i Enterprise oraz Content Hub Professional i Enterprise mają domyślnie folder @hubspot w narzędziach projektowych. Folder ten zawiera wszystkie motywy i moduły domyślne, w tym moduły e-mail typu "przeciągnij i upuść". Te motywy i moduły są tylko do odczytu, ale można je sklonować, jeśli chcesz je edytować.
Zapasowy szablon rezygn acji z subskrypcji jest wyświetlany odbiorcom wiadomości e-mail, którzy klikną link rezygnacji z subskrypcji, jeśli HubSpot nie jest w stanie określić ich adresu e-mail. Tekst pomocy, który pojawia się na stronie rezygnacji z subskrypcji, można dostosować w sekcji Default Content tego modułu.
Uwaga: moduł komentarzy na blogu nie jest dostępny dla szablonów stron i wiadomości e-mail.
Moduł komentarzy na blogu dodaje sekcję komentarzy do szablonu wpisu na blogu. Formularz komentarzy na blogu można dostosować w narzędziu formularzy. Nazwa formularza będzie oparta na tytule bloga.
Uwaga: moduł zawartości bloga nie jest dostępny dla szablonów stron i wiadomości e-mail.
Moduł treści bloga zawiera znaczniki HTML/HubL dla wpisów na blogu i stron z listami blogów. Możesz edytować znaczniki swoich wpisów, klikając Edytuj szablon wpisu i edytować znaczniki strony oferty, klikając Edytuj szablon oferty. Dowiedz się więcej o znacznikach modułu zawartości bloga.
Uwaga: moduł subskrypcji e-mail bloga nie jest dostępny dla szablonów wiadomości e-mail.
Moduł subskrypcji e-mail bloga pozwala odwiedzającym subskrybować wiadomości e-mail z podsumowaniem bloga poprzez wypełnienie formularza. Moduł ten jest wypełniany przez formularz subskrypcji bloga, który można dostosować w narzędziu formularzy.
Kliknij menu rozwijane Wybierz blog do wyświetlenia i wybierz blog, który subskrybują odwiedzający. W polu Tytuł do wyświetlenia nad formularzem dostosuj tekst, który pojawi się w tytule nad formularzem. Najedź kursorem na istniejącą odpowiedź inline i kliknij ikonę rozwijania , aby dostosować tekst wyświetlany po przesłaniu formularza przez odwiedzającego.
Moduł wezwania do działania (CTA) umieszcza wezwanie do działania we własnym module w układzie. Można również wstawić wezwanie do działania w module z tekstem sformatowanym.
W inspektorze kliknij menu rozwijane CTA i wybierz domyślne C TA dla tego modułu w szablonie. Lub kliknij + Utwórz nowe CTA w tym samym menu, aby utworzyć nowe CTA jako domyślne CTA.
Możesz użyć modułu biblioteki treści, aby skonfigurować bibliotekę zasobów, do których będą mieli dostęp odwiedzający. Dla biblioteki można ustawić układ zasobów, ikony, czcionki i kolory. Dla każdego zasobu można ustawić nazwę, opis, łącze lub plik oraz wyświetlany obraz.
Uwaga: moduł follow me nie jest dostępny dla szablonów wiadomości e-mail.
Możesz użyć modułu follow me moduł aby pomóc odwiedzającym skontaktować się z Twoją firmą w mediach społecznościowych. W przeciwieństwie do modułu udostępniania społecznościowego, moduły follow me kierują użytkowników z Twojej witryny do odpowiednich stron w mediach społecznościowych.
Po dodaniu modułu follow me można dostosować nagłówek modułu, który pojawia się nad ikonami społecznościowymi.
Możesz określić, które sieci społecznościowe pojawiają się w tym module w sekcji Follow Me w ustawieniach społecznościowych.
Uwaga: moduł formularzy nie jest dostępny dla szablonów wiadomości e-mail.
Moduł formularzy umożliwia dodanie formularza do strony lub bloga w celu przechwycenia informacji kontaktowych od odwiedzających witrynę.
Dla tego modułu można dostosować następujące ustawienia:
Moduł nagłówka wyświetla wiersz tekstu w znaczniku HTML nagłówka. Wprowadź domyślny tekst nagłówka w polu Zawartość nagł ówka. Kliknij menu rozwijane Typ nagłówka , aby wybrać znacznik nagłówka(H1-H4).
Moduł obrazu dodaje pojedynczy obraz do treści. Dowiedz się więcej o opcjach edycji modułów graficznych.
Moduł galerii obrazów dodaje serię obracających się obrazów do pojedynczego modułu. Dowiedz się więcej o konfigurowalnych ustawieniach modułu galerii obrazów.
Uwaga: moduł przełączania języka nie jest dostępny dla szablonów wiadomości e-mail.
Moduł przełącznika języka umożliwia odwiedzającym przełączanie się między przetłumaczonymi wersjami strony lub bloga. Kliknij menu rozwijane Tryb wyświetlania, aby dostosować sposób wyświetlania nazw przetłumaczonych języków:
Ten moduł będzie wyświetlany tylko na aktywnych stronach z więcej niż jednym opublikowanym tłumaczeniem. Dowiedz się więcej o pracy z wielojęzycznymi treściami w HubSpot.
Moduł Logo automatycznie pobiera logo firmy z ustawień witryny. Aby użyć innego logo, kliknij, aby włączyć przełącznik Zastąp domyślne logo dla tej strony, aby przesłać nowy obraz tylko dla tej strony. Aby zmienić domyślne logo dla całej zawartości w ustawieniach witryny, kliknij Edytuj domyślne logo w tej domenie.
Moduł logo będzie automatycznie łączył się z adresem URL określonym w zestawie marki. Aby zastąpić ten domyślny link i połączyć się z inną stroną, wprowadź unikalny adres URL linku .
Moduł siatki logo umożliwia rozmieszczenie wielu logo o różnych wymiarach w spójnej siatce. Możesz dostosować kolor tła, współczynnik proporcji, rozmiar siatki, rozmiar odstępów i maksymalną wysokość logo.
Główny moduł treści wiadomości e-mail to standardowy moduł tekstu sformatowanego, który jest domyślnie dołączany do każdego szablonu wiadomości e-mail. Możesz dostosować domyślną zawartość treści wiadomości e-mail w określonym szablonie.
Oprócz standardowych opcji stylizacji, moduł ten można dostosować za pomocą domyślnych kolorów, obramowań i odstępów. Kliknij dymek koloru i wybierz kolor z próbnika kolorów lub wprowadź wartość szesnastkową w polu tekstowym, aby ustawić domyślne kolory. Wprowadź wartości w pikselach w polach tekstowych Szerokość obramowania i Wewnętrzne odstępy, aby ustawić domyślne odstępy.
Moduł menu dodaje nawigację do treści i szablonów. Menu są tworzone i zarządzane bezpośrednio w ustawieniach witryny.
W narzędziach projektowych można dostosować następujące funkcje modułu menu:
Moduły utworzone w edytorze kodu umożliwiają korzystanie z HTML, CSS, Javascript i HubL w celu dodania zaawansowanych funkcji do szablonów, jednocześnie umożliwiając użytkownikom edycję zawartości modułu w edytorze treści bez zmiany kodu. Komponenty te będą oznaczone ikoną modułu w wyszukiwarce i inspektorze. Dowiedz się więcej o pracy z niestandardowymi modułami w naszej dokumentacji dla programistów.
Moduł lokalizacji biura zawiera wymagane tokeny, które muszą być uwzględnione w szablonie wiadomości e-mail, aby legalnie wysyłać marketingowe wiadomości e-mail. Chociaż możesz edytować styl tego modułu, nie będziesz w stanie zapisać szablonu wiadomości e-mail bez modułu informacji o lokalizacji biura lub wymaganych tagów HubL .
Oprócz standardowych opcji stylizacji, moduł ten można dostosować za pomocą domyślnych kolorów, obramowań i odstępów. Kliknij dymek koloru i wybierz kolor z próbnika kolorów lub wprowadź wartość szesnastkową w polu tekstowym, aby ustawić domyślne kolory. Wprowadź wartości w pikselach w polach tekstowych Szerokość obramowania i Wewnętrzne odstępy, aby ustawić domyślne odstępy.
Moduł jednej linii tekstu pozwala użytkownikom edytować pojedynczą linię tekstu w edytorze treści.
Moduł stopki strony wyświetla informacje o prawach autorskich z bieżącym rokiem i nazwą firmy. Nazwa firmy jest pobierana automatycznie z sekcji Stopka w ustawieniach poczty e-mail.
Moduł podpowiedzi hasła jest dostępny w szablonach systemu podpowiedzi hasła. Jeśli strona jest chroniona hasłem, strona monitu o hasło zostanie wyświetlona, zanim użytkownik uzyska dostęp do strony. Można dostosować tekst przycisku przesyłania i tekst wyświetlany w przypadku wprowadzenia nieprawidłowego hasła.
Uwaga: moduł subskrypcji e-mail bloga nie jest dostępny dla szablonów wiadomości e-mail.
Moduł filtrowania postów wyświetla listę artykułów na blogu z określonego tematu, miesiąca lub autora.
Możesz dostosować następujące ustawienia dla tego modułu w sekcji Zawartość domyślna :
Uwaga: moduł subskrypcji e-mail bloga nie jest dostępny dla szablonów wiadomości e-mail.
Moduł listy postów służy do wyświetlania listy postów z bloga HubSpot. Możesz ustawić moduł tak, aby wyświetlał najnowsze posty lub te najpopularniejsze w ciągu ostatniego miesiąca, sześciu miesięcy, roku lub przez cały czas.
W inspektorze można dostosować następujące domyślne ustawienia zawartości:
Za pomocą modułu produktów można wyświetlać produkty z biblioteki produktów na stronach i w postach. Wyświetlane są domyślne informacje o produktach, ale można je zastąpić na poziomie strony.
Moduł tekstu sformatowanego jest najczęściej używanym modułem treści w narzędziach treści HubSpot. Obsługuje on opcje edycji różnych elementów, takich jak tekst, obrazy i wezwania do działania.
Aby dodać domyślną zawartość dla tego modułu, kliknij przycisk Rozwiń lub kliknij podgląd zawartości, aby otworzyć edytor tekstu sformatowanego.
Uwaga: moduł listy RSS nie jest dostępny dla szablonów wiadomości e-mail. Zamiast tego należy użyć wiadomości e-mail RSS.
Możesz użyć modułu listy RSS, aby wyświetlić podsumowania postów dla bloga HubSpot lub zewnętrznego kanału RSS.
Moduły list RSS mogą wyświetlać określony blog lub tag. Kliknij, aby włączyć odpowiedni przełącznik w celu wskazania, czy przy każdym poście ma być wyświetlany wyróżniony obraz, nazwa autora, podsumowanie lub data publikacji.
Po włączeniu tych ustawień można dostosować następujące szczegóły:
Moduł nagłówka sekcji umożliwia wyświetlanie znacznika nagłówka h1 z podtytułem akapitu. Moduł ten jest idealny do zatytułowania głównej sekcji strony.
Proste moduły menu umożliwiają użytkownikom tworzenie menu specyficznych dla strony w edytorze treści. Moduł ten zapewnia elastyczność tworzenia prostego menu dla określonego szablonu. W inspektorze kliknij Edytuj menu, aby dodać elementy menu, łącza i wybrać orientację menu. Edycja ustawienia orientacji menu dodaje klasę hs-menu-flow-horizontal lub hs-menu-flow-vertical do kontenera opakowania menu, która może być następnie użyta do stylizacji w CSS. Więcej informacji na temat klas dodawanych przez ustawienia modułów można znaleźć w naszej dokumentacji dla deweloperów.
Moduł udostępniania społecznościowego umożliwia odwiedzającym łatwe udostępnianie treści w kanałach mediów społecznościowych i w wiadomościach e-mail. Kliknij, aby przełączyćprzełącznik Włączone obok określonej sieci społecznościowej, aby uwzględnić ją na swojej stronie lub w wiadomości e-mail.
Łącze udostępniania zostanie automatycznie wypełnione wymaganymi tagami HubL w celu udostępnienia treści. W wiadomościach e-mail moduł użyje adresu URL wersji internetowej tej wiadomości w linku udostępniania.
Uwaga: moduł udostępniania społecznościowego używa domyślnych ikon dla każdej sieci społecznościowej. Jeśli chcesz użyć własnych ikon społecznościowych, możesz utworzyć niestandardową wersję modułu.
Moduły preferencji subskrypcji są dostępne tylko w szablonach systemu preferencji subskrypcji.
Moduły te pozwalają dostosować stronę, którą widzi odbiorca wiadomości e-mail, gdy zarządza swoimi preferencjami subskrypcji lub rezygnuje z subskrypcji wiadomości e-mail.
Moduł potwierdzenia aktualizacji subskrypcji to moduł tekstu sformatowanego dostępny w szablonach systemu potwierdzeń aktualizacji subskrypcji. Umożliwia on dostosowanie wyświetlanych informacji, gdy odbiorca wiadomości e-mail aktualizuje swoje ustawienia subskrypcji.
Moduł widoku jako strony internetowej daje odbiorcom wiadomości e-mail możliwość otwarcia wersji wiadomości e-mail na stronie internetowej.
Uwaga: ten moduł jest dostępnytylko dlakont Marketing Hub iService Hub Professional i Enterprise.
Użyj modułu łącza WhatsApp, aby dodać sposób, w jaki odwiedzający witrynę mogą łączyć się z Tobą bezpośrednio przez WhatsApp. Moduł ten można dodać do stron witryny, postów na blogu i stron z listami blogów. Aby użyć tego modułu, musisz połączyć swój kanał WhatsApp ze skrzynką odbiorczą konwersacji.
Stylizację przycisków, taką jak kolor i odstępy, można dostosować w zakładce Style w edytorze stron i skonfigurować następujące elementy: