Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Domyślne moduły HubSpot

Data ostatniej aktualizacji: lutego 27, 2024

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

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.

Dodaj moduł do szablonu

Aby dodać moduły do szablonów metodą przeciągnij i upuść, kliknij + Dodaj w inspektorze w prawym górnym rogu edytora. W tym miejscu pojawią się wszystkie domyślne moduły i wszelkie zapisane niestandardowe moduły lub grupy. Aby znaleźć określony 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.

Dostosowywanie modułu domyślnego

Wszystkie konta Marketing Hub Professional i Enterprise oraz CMS 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ć.

design-manager-hubspot-folder

  • Na koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • W wyszukiwarce kliknij folder @hubspot.
  • Kliknij prawym przyciskiem myszy domyślny moduł , który chcesz sklonować, a następnie wybierz opcję Klonuj moduł.

    design-manager-clone-module
  • W sklonowanym module edytuj kod źródłowy modułu w centralnym panelu edycji.
  • Aby zapisać zmiany, w prawym górnym rogu kliknij przycisk Opublikuj zmiany. Moduł będzie wtedy dostępny do użycia podczas tworzenia szablonów.

Typy domyślnych modułów

Anulowanie subskrypcji kopii zapasowej

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.

Backup Unsubscribe

Komentarze na blogu

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.


Default blog comments form

Zawartość 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.

blog-content-1.png

Subskrypcja e-mail 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 expand , aby dostosować tekst wyświetlany po przesłaniu formularza przez odwiedzającego.

Blog email subscription

Wezwanie do działania

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.

HubSpot Help article screenshot

Podążaj za mną

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.

Formularz

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:

  1. Tytuł formularza : wprowadź tytuł formularza, który będzie wyświetlany na stronie lub blogu.
  2. Formularz : wybierz istniejący formularz HubSpot do wyświetlenia na stronie lub dodaj nowy formularz.
  3. Co zobaczy odwiedzający po przesłaniu formularza: wybierz, czy przekierować osobę, która przesłała formularz na inną stronę, czy wyświetlić wbudowaną wiadomość z podziękowaniem na tej samej stronie.
  4. Wiadomość z podziękowaniem: dostosuj wbudowaną wiadomość z podziękowaniem.
  5. Wysyłaj powiadomienia o formularzach na określone adresy e-mail zamiast domyślnych ustawień formularza: wysyłaj wiadomości e-mail z powiadomieniami o formularzach na określone adresy. Spowoduje to zastąpienie wszystkich odbiorców powiadomień ustawionych w narzędziu formularzy.
  6. Dodaj do przepływu pracy: dodaj odwiedzających, którzy przesyłają formularz do przepływu pracy( tylkoMarketing Hub Professional lub Enterprise ).
  7. Wyślij wiadomość uzupełniającą: wyślij do trzech wiadomości uzupełniających do odwiedzających, którzy przesłali formularz.

form-module-2

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

Obraz

Moduł obrazu dodaje pojedynczy obraz do treści. Dowiedz się więcej o opcjach edycji modułów graficznych.

Galeria zdjęć

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.

Przełącznik języka

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:

  • Pagelang: nazwa każdego języka będzie wyświetlana w języku bieżącej strony. Na przykład, jeśli przeglądasz angielską wersję strony z francuskim tłumaczeniem, po kliknięciu przełącznika języka zobaczysz angielski i francuski jako nazwy języków.
  • Zlokalizowane: nazwa każdego języka będzie wyświetlana w tym języku. Na przykład, jeśli przeglądasz angielską wersję strony z francuskim tłumaczeniem, po kliknięciu przełącznika języka zobaczysz angielski i francuski jako nazwy języków.
  • Hybrydowy: połączenie tych dwóch języków. Na przykład, jeśli przeglądasz angielską wersję strony z francuskim tłumaczeniem, po kliknięciu przełącznika języka zobaczysz angielski i francuski (Français) jako nazwy 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.


Logo

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 domeną firmy. Aby zastąpić ten domyślny link i połączyć się z inną stroną, wprowadź unikalny adres URL linku .

edit-logo-module

Siatka logo

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łówna treść wiadomości e-mail

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.

Email Body

Menu

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:

  1. Menu: wybierz jedno z istniejących menu z ustawień.
  2. Zaawansowany typ menu: wybierz sposób wyświetlania elementów menu w witrynie:
    • Statyczne - zawsze wyświetlaj strony najwyższego poziomu w menu: zachowaj spójność menu na wszystkich stronach.
    • Dynamiczne wedługsekcji - wyświetlaj w menu strony powiązane z wyświetlaną sekcją : wyświetlaj elementy menu względem wyświetlanego elementu menu najwyższego poziomu.
    • Dynamiczne wedługstrony - Pokaż strony w menu , które są powiązane z przeglądaną stroną : wyświetlaj elementy menu powiązane z konkretną przeglądaną stroną.
    • Breadcrumb style path menu (używa poziomego przepływu): wyświetla elementy menu poziomo we względnej ścieżce w górnej części witryny.
  3. Maks. poziomy: wybór maksymalnej liczby wyświetlanych pozycji menu podrzędnego.
  4. Orientacja: wybór, czy elementy menu mają być wyświetlane poziomo czy pionowo.
  5. Enable flyouts: zaznacz to pole wyboru, aby wyświetlać elementy menu podrzędnego po najechaniu kursorem na element nadrzędny. Wyczyść to pole wyboru, aby zawsze wyświetlać podrzędne elementy menu.
Advanced Menu Options


Moduły

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 customModules w wyszukiwarce i inspektorze. Dowiedz się więcej o pracy z niestandardowymi modułami w naszej dokumentacji dla programistów.

Informacje o lokalizacji biura

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.

HubSpot Help article screenshot


Jeden wiersz tekstu

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.

Monit o hasło

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.

Filtr postów

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 :

  • Wybierz blog do wyświetlenia: wybierz, które posty z bloga będą używane.
  • Lista wartości dla linków filtru: wybierz, czy moduł ma być filtrowany według tagu, miesiąca czy autora.
  • Kolejność wartości dla linków filtru: wybierz, czy wartości będą uporządkowane alfabetycznie, czy według liczby postów.
  • Tytuł listy do wyświetlenia: wprowadź tytuł , który będzie wyświetlany nad postami.
  • Maksymalna liczba wartości filtra do wyświetlenia : wprowadź maksymalną liczbę postów dla określonego filtra. Pozostaw to pole puste, aby wyświetlić wszystkie posty.
  • Link tekstowy do wyświetlenia, jeśli istnieje więcej wartości postów niż jest dozwolone do wyświetlenia: wprowadź tekst , który pojawi się, jeśli w kategorii jest więcej dostępnych postów. Domyślny tekst to Zobacz wszystkie .


Lista postów

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:

  • Wybierz blog do wyświetlenia: wybierz blog, dla którego chcesz wyświetlać tytuły postów.
  • Lista wpisów na blogu według: wybierz sposób organizacji wpisów.
  • Tytuł listy do wyświetlenia: wprowadź tytuł , który będzie wyświetlany nad postami.
  • Maksymalna liczba postów na blogu do wyświetl enia: wprowadź maksymalną liczbę postów, które pojawią się w tym module.
Post listing

Produkt

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.

product-module

Tekst sformatowany

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.

HubSpot Help article screenshot


Lista RSS

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:

  • Pokaż nazwisko autora: wprowadź tekst atrybucji autora, który ma być wyświetlany nad nazwiskiem każdego autora. Domyślnie ten moduł będzie zawierał przez jako tekst atrybucji.
  • Pokaż podsumowanie : wprowadź długość podsumowania w znakach każdego podsumowania bloga. Możesz także dostosować tekst podsumowania, czyli link, który odwiedzający bloga klikają, aby przeczytać cały wpis. Domyślnie tekst ten będzie oznaczony jako Czytaj więcej.
  • Pokaż datę publikacji: wybierz Format datypublikacji, aby dostosować sposób formatowania daty i godziny dla każdego posta. Można również dostosować tekst wskaźnika daty publikacji. Domyślnie tekst ten będzie brzmiał: opublikowano w.
HubSpot Help article screenshot


Nagłówek sekcji

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.

Section header


Proste menu

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.

Simple menu


Udostępnianie społecznościowe

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.

Preferencje subskrypcji

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.

Subscription preferences


Potwierdzenie aktualizacji subskrypcji

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.

Subscription updates


Wyświetlanie jako strona internetowa

Moduł widoku jako strony internetowej daje odbiorcom wiadomości e-mail możliwość otwarcia wersji wiadomości e-mail na stronie internetowej.

HubSpot Help article screenshot

WhatsApp Link

Uwaga: ten moduł jest dostępnytylko dlakont Marketing HubiService 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:

  • Numer WhatsApp: wybierz połączony numer WhatsApp.
  • Tekst opt-in: wybierz tekst opt-in i opt-out.
  • Pokaż: wybierz, czy przycisk ma wyświetlać tekst, ikonę czy oba te elementy.
  • Położenie ikony: wybór, czy ikona ma być wyświetlana po lewej czy po prawej stronie tekstu.
  • Tekst przycisku: wprowadź tekst wyświetlany na przycisku.
  • Tytuł ikony WhatsApp: aby zapewnić dostępność, wprowadź opis ikony dla czytników ekranu.

whatsapp-link-module

Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.