Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Tworzenie niestandardowego szablonu

Data ostatniej aktualizacji: stycznia 5, 2024

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Wszystkie produkty i plany

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 koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • 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.
design-manager-html-hubl
  • 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.
show-output-in-design-manager
  • 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.

error-console

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 szablonu od podstaw, można również sklonować jeden z szablonów metodą przeciągnij i upuść do HTML.

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

  • Na koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania..
  • 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.
clone-to-html
Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.