Изграждане на сложни шаблони с HubSpot
Ние сме доста агностици, когато става въпрос за платформи за автоматизация на маркетинга, разработване на целеви страници и имейл маркетинг. Работихме и се сертифицирахме HubSpot преди доста години и бяхме впечатлени от някои функции, но дизайнерските елементи бяха малко ограничени. Вече не е така.
Един от нашите спонсори, FatStax, започна с HubSpot но не бяха приложили всички опции. Подобно на много стартиращи фирми, те работеха върху развитието на бизнеса и нямаха време да внедрят напълно решението, затова ни помолиха за съдействие като част от цялостна входяща маркетингова програма. Миналата седмица те стартираха Партньорска програма за регистриране на агенции и това беше първият ни опит да създадем страхотен шаблон за тях.
Те предоставиха HTML оформление и ние трябваше да го преведем в HubSpot. В началото бях малко предпазлив, като им дадох да разберат, че ще направим колкото можем, като имаме предвид системата за шаблони HubSpot. Ключът към разработването на шаблона беше, че можем да клонираме шаблона и да го използваме за други оферти и целеви страници. Трябваше да го направим правилно ... така че екипът на FatStax да може да прави редакции без нашето съдействие.
След като опознаете платформата и отделите малко време за Сайт за дизайнерски ресурси на HubSpot, бяхме искрено впечатлени от потребителския интерфейс и слоеве от дълбочина. Без да навлизаме в подробности, не открихме никакви ограничения за тяхната система за шаблони.
Редакторът за бета редактиране на място работи безупречно и конструкторът на шаблони отне малко да свикне, но в крайна сметка актуализирахме всичко правилно. Успяхме да създадем глобални групи заглавни и долни колонтитули, които могат лесно да се използват във всеки шаблон. Ако искате,
HubSpot дори предлага възможност за прикачване на външен CSS или JavaScript файл. Можете също да интегрирате Analytics и да промените файл robots.txt, ако искате да блокирате страниците от търсачките.Резултатът се нуждае от някои малки корекции, но той надмина нашите (и очакванията на нашия клиент) очаквания. Всъщност смятам, че направихме само едно редактиране на CSS, за да може шаблонът да функционира напълно - ето как изглеждаше: