Domyślne moduły HubSpot

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

• 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ł.
  
  
• 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.

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.

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.

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.

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.

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.

Uwaga: moduł Follow Me 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.

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.

Nagłówek

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 .

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.

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 w ustawieniach.
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ć elementy menu podrzędnego.

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. Więcej informacji na temat pracy z niestandardowymi modułami można znaleźć w naszej dokumentacji dla deweloperó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.

Jeden wiersz tekstu

Moduł jednej linii tekstu pozwala użytkownikom edytować pojedynczą linię tekstu w edytorze treści.

Stopka strony

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ł filtra 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 wpisów na blogu do wyświetl enia: wprowadź maksymalną liczbę wpisów, które pojawią się w tym 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.

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.

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.

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.

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.

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.

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.

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: w celu ułatwienia dostępu wprowadź opis ikony dla czytników ekranu.