Data ostatniej aktualizacji: stycznia 10, 2022
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ęcie ikona folderu aby rozwinąć wyszukiwarkę.
- W oknie dialogowym kliknij menu rozwijaneCo chciałbyś dzisiaj zbudować?i wybierzHTML & 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.
- 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
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}}
- 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ą.
