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: stycznia 10, 2022

Dotyczy:

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

Programiści mogą budować 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.

Typy treści, które mogą korzystać z niestandardowych szablonów zależą od Twoich Hub marketingowy i CMS Hub subskrypcji:

Nie Centrum Marketingowe subskrypcja

LUB

Centrum Marketingowe Starter

Marketing Hub Professional/Enterprise

LUB

Legacy Marketing Hub Basic

Nie Koncentrator CMS subskrypcja

Niedostępne niestandardowe szablony kodowane

Własne szablony dostępne dla blogów, stron docel owych i wiadomości e-mail

CMS Hub Starter

Własne szablony dostępne dla blogów i stron internetowych

Niestandardowe szablony dostępne dla blogów, stron docelowych,stron internetowych ie-maili

CMS Hub Professional/Enterprise

Niestandardowe szablony dostępne dla blogów, stron docel owych i stron internetowych

Niestandardowe szablony dostępne dla blogów, stron docelowych,stron internetowych ie-maili

Utwórz nowy plik HTML & HUBL

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • Na lewym pasku bocznym utwórz nowy plik, klikającPlik>Nowy plik.Może być konieczne kliknięciefolderu ikona folderu aby rozwinąć wyszukiwarkę.
  • W oknie dialogowym kliknij menu rozwijaneCo chciałbyś dzisiaj zbudować?i wybierzHTML & HUBL.
design-manager-html-hubl
  • KliknijDalej.
  • Wprowadź szczegóły nowego pliku:
    • WybierzSzablonlubSzablon częściowy. Szablon częściowy to szablon, który może być użyty w innych szablonach.
    • W menu rozwijanym wybierz typ szablonu, który kodujesz (strona, blog lub email).
    • Nadaj swojemu plikowi nazwę.
    • Aby zaktualizować lokalizację pliku, w sekcjiLokalizacjapliku kliknij przyciskZmień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 zobaczyć, jak będzie renderowany Twój HubL, kliknij, aby włączyć przełącznik Pokaż dane wyjściowe. Po prawej stronie otworzy się panel z podglądem renderowania.


    design-manager-show-output
  • W prawym górnym rogu kliknij przycisk Podgląd, aby zobaczyć, jak szablon będzie wyglądał i funkcjonował w edytorze treści. Ten podgląd jest synchronizowany z edytorem i będzie automatycznie odświeżany podczas pracy.
  • W prawym górnym rogu kliknij przyciskOpublikuj zmiany
Wszelkie błędy w twoim kodzie zostaną zasygnalizowane w komunikacie o błędzie, gdy będziesz próbował 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 je naprawić.

error-console

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

Dodaj wymagane znaczniki HubL

W przypadku próby opublikowania pliku zostanie wyświetlony komunikat o błędzie, jeśli w kodzie brakuje jakichkolwiek wymaganych znaczników HubL.

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. Mogą być one dodane na dwa sposoby:
  • Dołącz ten token, który wciąga sekcję rezygnacji z subskrypcji 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}}
    • Dzięki 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}}. (dołącz co najmniej jedno)
    • {{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żna również sklonować jeden z szablonów HubSpot do formatu 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.
  • KliknijAkcje>Klonuj do HTML w przeglądarce. Plik HTML zostanie utworzony w tym samym folderze co plik oryginalny. Jego nazwa będzie zgodna z nazwą oryginalnego szablonu z dodaną do niejkopią.
design-manager-clone-to-html
Was this article helpful? *
This form is used for documentation feedback only. Learn how to get help with HubSpot.