Tworzenie złożonych szablonów za pomocą HubSpot
Jesteśmy dość agnostyczni, jeśli chodzi o platformy do automatyzacji marketingu, tworzenia stron docelowych i marketingu e-mailowego. Pracowaliśmy i otrzymaliśmy certyfikat HubSpot kilka lat temu i byliśmy pod wrażeniem niektórych funkcji, ale elementy projektu były nieco ograniczone. Tak już nie jest.
Jeden z naszych sponsorów, FatStax, zaczęło się od HubSpot ale nie zaimplementował wszystkich opcji. Podobnie jak wiele startupów, pracowali nad rozwojem biznesu i nie mieli czasu na pełne wdrożenie rozwiązania, dlatego poprosili nas o pomoc w ramach ogólnego programu marketingu przychodzącego. W zeszłym tygodniu uruchomili program partnerski, w którym agencje mogą się zarejestrować i była to nasza pierwsza próba stworzenia dla nich świetnego szablonu.
Zapewnili układ HTML i musieliśmy to przetłumaczyć na HubSpot. Na początku byłem trochę ostrożny, dając im znać, że zrobimy tyle, ile możemy, biorąc pod uwagę system szablonów w HubSpot. Kluczem do opracowania szablonu było to, że mogliśmy go sklonować i wykorzystać do innych ofert i stron docelowych. Musieliśmy zrobić to dobrze… aby zespół FatStax mógł dokonywać zmian bez naszej pomocy.
Po zapoznaniu się z platformą i spędzeniu na niej czasu Witryna zasobów projektantów HubSpot, byliśmy pod wrażeniem interfejsu użytkownika i warstw głębi. Nie wchodząc w szczegóły, nie znaleźliśmy żadnych ograniczeń w ich systemie szablonów.
Edytor beta do edycji na miejscu działał bezbłędnie, a kreator szablonów trochę się przyzwyczaił, ale ostatecznie wszystko zaktualizowaliśmy poprawnie. Udało nam się stworzyć globalne grupy nagłówków i stopek, które można łatwo wykorzystać w dowolnym szablonie. Gdybyś chciał,
HubSpot oferuje nawet możliwość dołączenia zewnętrznego pliku CSS lub JavaScript. Możesz także zintegrować Analytics i zmodyfikować plik robots.txt, jeśli chcesz zablokować strony z wyszukiwarek.Wynik wymaga kilku drobnych poprawek, ale przekroczył oczekiwania nasze (i klienta). W rzeczywistości uważam, że dokonaliśmy tylko jednej edycji CSS, aby szablon w pełni funkcjonował – oto jak to wyglądało: