Tworzenie szablonów stron, wiadomości e-mail i blogów w edytorze układów

Korzystanie z szablonu pozwala kontrolować strukturę różnych typów treści na blogu, stronie lub w wiadomości e-mail. Szablony można tworzyć w Design Managerze, przeciągając i upuszczając moduły. Dowiedz się więcej o tworzeniu szablonów w HubSpot Academy w tej lekcji.

Przed rozpoczęciem

Zanim rozpoczniesz pracę z tą funkcją, upewnij się, że w pełni rozumiesz, jakie kroki należy podjąć z wyprzedzeniem, a także ograniczenia funkcji i potencjalne konsekwencje jej użycia.

Zrozumienie wymagań

• Upewnij się, że masz uprawnienia Narzędzia do projektowania do tworzenia i edytowania szablonów w Design Manager.
• Zaleca się również posiadanie uprawnień Globalna zawartość i ustawienia motywu oraz Ustawienia witryny, jeśli będziesz musiał edytować globalne zasoby internetowe i ustawienia bloga / witryny.

Zrozumienie ograniczeń i rozważań

• Do tworzenia szablonów wiadomości e-mail wymagana jest subskrypcja Marketing Hub Professional lub Enterprise. Konta Content Hub mogą tworzyć wiadomości e-mail za pomocą edytora wykorzystującego przeciąganie i upuszczanie.
• Dołączanie plików CSS lub JavaScript do szablonu wiadomości e-mail nie jest obsługiwane, ale do szablonu można dodawać niestandardowe znaczniki HTML, klasy treści i styl lokalny.
• Szablony typu "przeciągnij i upuść " nie obsługują wszystkich dostępnych funkcji zawartości. Aby korzystać z najszerszej gamy narzędzi, dowiedz się więcej o korzystaniu z szablonów HTML + HubL.

Zrozumienie szablonów HubSpot

Szablony HubSpot zapewniają ramy dla blogów, stron i wiadomości e-mail, podczas gdy użytkownicy generują rzeczywistą zawartość w edytorze treści. Szablony można tworzyć, przeciągając i upuszczając moduły treści w celu utworzenia układu. Aby utworzyć szablon przy użyciu HTML, dowiedz się więcej o tworzeniu niestandardowego szablonu.

Edytor układu pomaga przekształcić pomysł, szkic lub prototyp w responsywny szablon do tworzenia treści.

Utwórz nowy szablon

• Na swoim koncie HubSpot przejdź do Treści > Design Manager.
• W górnej części lewej kolumny kliknij menu Plik i wybierz opcję Nowy plik.

• W oknie dialogowym kliknij menu rozwijane What would you like to build today? i wybierz opcję Drag and drop (Przeciągnij i upuść). Następnie kliknij przycisk Dalej.

• Kliknijmenu rozwijane typu szablonu i wybierz typ. Podczas gdy większość domyślnych modułów jest dostępna dla dowolnego szablonu, niektóre moduły są ograniczone do określonych typów szablonów. Można wybrać następujące typy szablonów:
  • Blog: szablony dla poszczególnych wpisów na blogu i stron z listingiem blogów.
  • E-mail: szablony wiadomości e-mail.
  • Strona: szablony dla witryny internetowej i stron docelowych.
  • System: szablony dla stron błędów, podpowiedzi hasła i subskrypcji e-mail.
• Wprowadź nazwę pliku. Po zakończeniu kliknij przycisk Utwórz.

 

Struktura i dostosowanie szablonu

Możesz dodać więcej modułów do szablonu za pomocą inspektora po prawej stronie design managera. Kliknij add Dodaj w prawej kolumnie, aby wyszukać moduły do dodania do układu szablonu metodą przeciągnij i upuść. Dowiedz się więcej o edytowaniu struktury szablonu.

Aby dostosować styl szablonu, można użyć opcji w prawej kolumnie. Jeśli nie wybrano żadnych konkretnych modułów, można dodać styl do nagłówka samego szablonu. Kliknij moduł lub grupę, aby uzyskać dostęp do opcji stylizacji specyficznych dla tego komponentu. Dowiedz się więcej o używaniu inspektora do stylizacji szablonu.

Podgląd i publikacja szablonu

Po utworzeniu szablonu można wyświetlić podgląd jego wyglądu na aktywnej stronie, a następnie opublikować go.

• Aby wyświetlić podgląd szablonu:
  • W prawym górnym rogu kliknij przycisk Podgląd.
  • Jeśli wybierzesz Podgląd na żywo z opcjami wyświetlania, możesz wyświetlić podgląd szablonu tak, jak wygląda on na innych urządzeniach, wybierając ustawienia wstępne obszaru Obszar viewport.
  • Jeśli wybierzesz opcję Podgląd bez opcji wyświetlania, możesz wyświetlić podgląd szablonu tylko w przeglądarkach.
    

• Po sfinalizowaniu szablonu upewnij się, że przełącznik Udostępnij w [typ zawartości] jest włączony, a następnie kliknij przycisk Opublikuj zmiany w prawym górnym rogu.

Po opublikowaniu nowego szablonu można go używać do tworzenia nowych stron lub wiadomości e-mail. Szablon bloga można zastosować do istniejącego bloga w ustawieniach bloga.