
Izgradnja složenih predložaka sa HubSpot
Prilično smo agnostični kada su u pitanju platforme za automatizaciju marketinga, razvoj odredišnih stranica i marketing putem e-pošte. Radili smo i dobili certifikat HubSpot prije nekoliko godina i bili smo impresionirani nekim karakteristikama, ali elementi dizajna bili su pomalo ograničeni. To više nije slučaj.
Jedan od naših sponzora, FatStax, započeo sa HubSpot ali nije primijenio sve opcije. Kao i mnogi startupi, radili su na poslovnom razvoju i nisu imali vremena da rješenje implementiraju u potpunosti, pa su nas zamolili za pomoć kao dio sveukupnog ulaznog marketinškog programa. Prošle sedmice pokrenuli su Partnerski program za agencije da se prijave i to je bio naš prvi pokušaj u izradi sjajnog predloška za njih.
Oni su pružili HTML izgled, a mi smo to morali prevesti HubSpot. U početku sam bio pomalo oprezan, dajući im do znanja da ćemo učiniti koliko god možemo s obzirom na sustav predložaka HubSpot. Ključ za razvoj predloška bio je taj da smo mogli klonirati predložak i koristiti ga za druge ponude i odredišne stranice. Morali smo to učiniti kako treba ... kako bi tim u FatStaxu mogao uređivati bez naše pomoći.
Nakon upoznavanja platforme i trošenja određenog vremena na nju HubSpotova dizajnerska stranica sa resursima, bili smo iskreno impresionirani korisničkim sučeljem i slojevima dubine. Ne ulazeći u detalje, nismo pronašli nikakva ograničenja u njihovom sistemu predložaka.
Beta uređivač na mjestu urednika radio je besprijekorno, a graditelj predložaka se malo navikao, ali na kraju smo sve ispravno ažurirali. Uspjeli smo stvoriti globalne grupe zaglavlja i podnožja koje se mogu lako koristiti u bilo kojem predlošku. Ako želite, HubSpot čak nudi mogućnost pričvršćivanja eksterne CSS ili JavaScript datoteke. Također možete integrirati Analytics i izmijeniti datoteku robots.txt ako želite blokirati stranice s pretraživača.
Rezultat zahtijeva neke manje izmjene, ali premašio je naša (i očekivanja našeg klijenta). Zapravo, vjerujem da smo napravili samo jednu CSS izmjenu da bi predložak u potpunosti funkcionirao - evo kako je to izgledalo: