HubSpot Baza wiedzy

Tworzenie niestandardowego szablonu

Autor: HubSpot Support | Jan 4, 2024 6:42:40 PM

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 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}}
Szablony wiadomości e-mail wymagają następujących znaczników, aby były zgodne z CAN-SPAM.
  • {{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 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.