Domyślne moduły HubSpot

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.

Dodaj moduł do przeciągania i upuszczania szablonó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.

• Na swoim koncie HubSpot przejdź do Treści > Design Manager.
• W lewej kolumnie kliknij nazwę szablonu.
• W prawej kolumnie kliknij + Dodaj.
• Wprowadź nazwę domyślnego lub niestandardowego modułu w pasku wyszukiwania.
• Kliknij nazwę modułu, a następnie przeciągnij go do szablonu.
• W sekcji Opcje stylizacji ustaw niestandardową stylizację dla modułu.

• W sekcji Zawartość domyślna dostosuj zawartość, która pojawi się po dodaniu modułu do edytora zawartości.

• W sekcji Opcje edytora włącz przełącznik Zapobiegaj edycji w edytorach zawartości , aby uniemożliwić innym użytkownikom edycję domyślnej zawartości modułu w edytorze zawartości.

Dostosowywanie domyślnych modułó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ć.

• Na swoim koncie HubSpot przejdź do Treści > Design Manager.
• W wyszukiwarce kliknij folder @hubspot.
• Kliknij prawym przyciskiem myszy domyślny moduł, a następnie wybierz opcję Klonuj moduł.
  
  
• W sklonowanym module edytuj kod źródłowy modułu.
• W prawym górnym rogu kliknij przycisk Opublikuj zmiany.

Typy domyślnych modułów

Anulowanie subskrypcji kopii zapasowej

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.

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

Biblioteka treści

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.

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

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ług sekcji -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ług strony - 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. 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.

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

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.

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 daty publikacji, abydostosować 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.

Śledzenie społecznościowe

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.

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 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:

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