Tworzenie niestandardowego szablonu

Programiści mogą tworzyć blogi, strony internetowe, strony docelowe i szablony wiadomości e-mail od podstaw przy użyciu HTML. Możesz także sklonować układ szablonu metodą przeciągnij i upuść do HTML, a następnie dostosować go jako zakodowany szablon.

Dowiedz się więcej o pracy z niestandardowymi projektami w naszej dokumentacji dla deweloperów.

Uwaga: do tworzenia niestandardowych szablonów wiadomości e-mail wymagane jest konto Marketing Hub Professional lub Enterprise.

Utwórz nowy plik HTML i HubL

• Na swoim koncie HubSpot przejdź do Treści > Design Manager.
• Na lewym pasku bocznym kliknij menu rozwijane Plik i > Nowy plik.
• W oknie dialogowym kliknij menu rozwijane What would you like to build today? i wybierz HTML & HubL, a następnie kliknij Next.

• Wprowadź szczegóły nowego pliku:
  • Wybierz Szablon lub Częściowy szablon. Szablon częściowy to szablon, który może być używany w innych szablonach.
  • Kliknij menu rozwijane Typ szabl onu i wybierz typ kodowanego szablonu (strona, wpis na blogu/lista, wiadomość e-mail lub strona systemowa).
  • W polu Nazwa pliku wprowadź nazwę pliku.
  • Aby zaktualizować lokalizację pliku, w sekcji Lokalizacja pliku kliknij przycisk Zmień i wybierz folder.
• Kliknij przycisk Utwórz.
• W edytorze kodu wprowadź kod HTML szablonu.
• Aby wyświetlić sposób renderowania HubL, kliknij, aby włączyć przełącznik Pokaż dane wyjściowe. Po prawej stronie otworzy się panel z podglądem renderowania.

• Aby wyświetlić podgląd wyglądu szablonu, kliknij menu rozwijane Podgląd w prawym górnym rogu i wybierz Podgląd na żywo z opcjami wyświetlania.
• Po zakończeniu edycji kliknij przycisk Opublikuj zmiany w prawym górnym rogu.
• Jeśli wystąpią jakiekolwiek błędy w kodzie, pojawi się komunikat o błędzie. Więcej informacji na temat tych błędów można znaleźć w konsoli błędów poniżej edytora kodu.

Dodaj wymagane tagi HubL

Niestandardowe szablony wymagają do działania określonych zmiennych HubL. Jeśli brakuje którejkolwiek z tych wymaganych zmiennych, podczas próby opublikowania szablonu pojawi się komunikat o błędzie.

Szablony stron i blogów wymagają następujących tagów:

• {{standard_footer_includes}}
• {{standard_header_includes}}

• {{unsubscribe_link}} lub {{unsubscribe_link_all}} (dołącz przynajmniej jeden)
• {{unsubscribe_anchor}}
• {{site_settings.company_name}}
• {{site_settings.company_street_address_1}}
• {{site_settings.company_city}}{{site_settings.company_state}}
• {{site_settings.company_zip}}

Klonowanie szablonu do HTML

Oprócz tworzenia szablonów od podstaw, możesz także klonować szablony blogów, stron internetowych i stron docelowych metodą przeciągnij i upuść do HTML.

Aby utworzyć zakodowaną wersję istniejącego szablonu:

• Na swoim koncie HubSpot przejdź do Treści > Design Manager..
• Na lewym pasku bocznym otwórz szablon, który chcesz sklonować.
• Kliknij menu rozwijane Akcje i wybierz opcję Klonuj do HTML. Plik HTML zostanie utworzony w tym samym folderze, co oryginalny plik.