Izgradnja složenih predložaka sa Hubspot

web izgled

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 Hubspot-ova stranica s dizajnerskim 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.

uredi na mjestu

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:

fatstax predložak

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.