Zbuduj własny, zakodowany szablon
Data ostatniej aktualizacji: maja 3, 2023
Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:
|
|
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
- Na 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.

- 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.
- 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
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}
- 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:
- Na 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ą .
