W edytorze treści i menedżerze projektów dostępne są pewne domyślne moduły do wykorzystania w większości typów treści.
Korzystając z fragmentów HubL, można również dodać te domyślne moduły do szablonów HTML. Więcej informacji na temat pracy z domyślnymi modułami w niestandardowych szablonach można znaleźć w dokumentacji dla deweloperów.
W menedżerze projektów można dodawać domyślne moduły do szablonów metodą "przeciągnij i upuść" za pomocą edytora układów.
Wszystkie konta Marketing HubProfessional & Enterprise i Content Hub Professional & Enterprise mają folder @hubspot w menedżerze projektów.
Ten folder zawiera wszystkie motywy i moduły domyślne, w tym moduły poczty 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 rezygnacji 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 CTA 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.
Możesz także ustawić zawartość jako wyróżnioną, aby pojawiała się na górze biblioteki zawartości i zajmowała cały wiersz.
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.
Dzięki modułowi śledzenia społecznościowego możesz skierować odwiedzających do śledzenia Twojej firmy w mediach społecznościowych. Dla każdej sieci społecznościowej można ustawić niestandardowy link lub adres e-mail. W menedżerze projektu można również ustawić niestandardowe ikony dla każdej sieci społecznościowej.
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: