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

Zbuduj własny, zakodowany szablon

Data ostatniej aktualizacji: września 13, 2022

Dotyczy:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

Deweloperzy mogą budować blogi, strony internetowe, strony docelowe i szablony e-mail od podstaw za pomocą HTML. Możesz także sklonować układ szablonu metodą "przeciągnij i upuść" do HTML, a następnie dostosować go jako zakodowany szablon.

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

Utwórz nowy plik HTML i HubL

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • Na lewym pasku bocznym utwórz nowy plik, klikając Plik >Nowy plik.Może być konieczne kliknięciefolderu ikona folderu aby rozwinąć wyszukiwarkę.
  • W oknie dialogowym kliknij menu rozwijane Co chciałbyś zbudować dzisiaj? i wybierzHTML & HUBL.
design-manager-html-hubl
  • Kliknij Dalej
  • Wprowadź szczegóły dotyczące nowego pliku:
    • Wybierz Szablon lub Szablon częściowy. Szablon częściowy to szablon, który może być używany w innych szablonach.
    • W menu rozwijanym wybierz typ szablonu, który kodujesz (strona, blog lub e-mail).
    • Nadaj swojemu plikowi nazwę.
    • Aby zaktualizować lokalizację pliku, w sekcji Lokalizacja pliku kliknij przycisk Zmień i wybierz folder, do którego chcesz dodać plik.
  • Kliknij przyciskUtwórz.
  • Napisz kod HTML dla swojej strony lub szablonu wiadomości e-mail.
  • Aby podejrzeć, jak Twój HubL będzie renderowany, kliknij, aby włączyć przełącznik Pokaż wyjście. Po prawej stronie otworzy się panel z wyrenderowanym podglądem.


    design-manager-show-output
  • W prawym górnym rogu kliknij Podgląd, aby podejrzeć, jak Twój szablon będzie wyglądał i funkcjonował w edytorze treści. Ten podgląd synchronizuje się z edytorem i będzie automatycznie odświeżany w trakcie pracy.
  • W prawym górnym rogu kliknij przycisk Opublikuj zmiany
Wszelkie błędy w twoim kodzie zostaną zasygnalizowane w komunikacie o błędzie, gdy spróbujesz opublikować zmiany. Konsola błędów na dole edytora kodu wyświetli szczegóły błędu lub ostrzeżenia, a także sugestie, jak możesz naprawić te błędy i ostrzeżenia.

error-console

Aby uzyskać dodatkowe zasoby dotyczące niestandardowego projektowania, możesz zapoznać się z dokumentacją projektanta HubSpot. Znajduje się tam dodatkowa dokumentacja dotycząca zakodowanych opcji modułu, takich jak znaczniki filtrów i ikony.

Dodaj wymagane tagi HubL

Zobaczysz komunikat o błędzie, jeśli w Twoim kodzie brakuje jakichkolwiek wymaganych znaczników HubL, gdybyś próbował opublikować plik.

Szablony stron internetowych, landing page i blogów wymagają następujących znaczników:

  • {{standard_footer_includes}}
  • {{standard_header_includes}
Szablony e-mail wymagają następujących znaczników, aby były zgodne z CAN-SPAM. Można je dodać na dwa sposoby:
  • Dołącz ten token, który wciąga sekcję unsubscribe CAN-SPAM: {{unsubscribe_section}}. Następnie dodaj te tokeny indywidualnie:
    • {{site_settings.company_street_address_1}}
    • {{site_settings.company_city}}
    • {{site_settings.company_state}}
    • {{site_settings.company_zip}}
    • Przy tej metodzie nie będziesz miał możliwości formatowania języka i stylu tekstu i linków.

  • Użyj tych tokenów indywidualnie:
    • {{site_settings.company_name}}
    • {{unsubscribe_link} lub {{unsubscribe_link_all} (uwzględnij co najmniej 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}}
    • Używanie tokenów indywidualnie pozwoli Ci na elastyczność w dodawaniu sformułowań wokół tokenów i linków oraz na formatowanie ich w pożądanym stylu i języku.

Klonowanie do HTML

Oprócz tworzenia szablonu od podstaw, możesz również sklonować jeden z szablonów HubSpot do HTML. Klonowanie szablonu do HTML daje dostęp do zawartości HTML szablonu.

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

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • Kliknij Actions > Clone to HTML w wyszukiwarce. Plik HTML zostanie utworzony w tym samym folderze co plik oryginalny. Jego nazwa będzie odpowiadać nazwie oryginalnego szablonu z dodaną do niej kopią .
design-manager-clone-to-html
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.