Rakenna monimutkaisia ​​malleja Hubspot

verkkoasettelu

Olemme melko agnostisia markkinoinnin automatisoinnin, aloitussivun kehittämisen ja sähköpostimarkkinoinnin alustoilla. Teimme töitä ja saimme sertifikaatin Hubspot melko muutama vuosi sitten, ja meihin vaikutti jotkut ominaisuudet, mutta muotoiluelementit olivat vähän rajoitettuja. Näin ei enää ole.

Yksi sponsoreistamme, FatStax, aloitti Hubspot mutta ei ollut toteuttanut kaikkia vaihtoehtoja. Kuten monet aloittelijat, he työskentelivät liiketoiminnan kehittämisen parissa, eikä heillä ollut aikaa toteuttaa ratkaisua kokonaan, joten he pyysivät meiltä apua osana yleistä saapuvaa markkinointiohjelmaa. Viime viikolla he käynnistivät kumppanuusohjelman virastoille rekisteröitymistä varten, ja se oli ensimmäinen laukauksemme rakentaa heille hyvä malli.

He antoivat HTML-asettelun, ja meidän piti kääntää se Hubspot. Olin aluksi hieman varovainen, kerroin heille, että tekisimme niin paljon kuin pystyisimme antamaan mallijärjestelmän sisään Hubspot. Avain mallin kehittämiseen oli, että voimme kloonata mallin ja käyttää sitä muissa tarjouksissa ja aloitussivuilla. Meidän piti tehdä se oikein… jotta FatStaxin tiimi voisi tehdä muutoksia ilman apua.

Kun olet tutustunut alustaan ​​ja viettänyt jonkin aikaa Hubspotin suunnittelijan resurssisivusto, olimme aidosti vaikuttuneita käyttöliittymästä ja syvyyskerroksista. Menemättä yksityiskohtiin emme löytäneet mitään rajoituksia niiden mallijärjestelmälle.

Beeta-edit-in-place-editori toimi moitteettomasti, ja mallinrakentaja tottui jonkin verran, mutta päivitimme lopulta kaiken oikein. Pystyimme luomaan maailmanlaajuiset otsikko- ja alatunnisteryhmät, joita voidaan käyttää helposti kaikissa malleissa. Jos haluat, Hubspot tarjoaa jopa mahdollisuuden liittää ulkoinen CSS- tai JavaScript-tiedosto. Voit myös integroida Analyticsin ja muokata robots.txt-tiedostoa, jos haluat estää sivut hakukoneista.

muokkaa paikalla

Tulos vaatii pieniä parannuksia, mutta se ylitti odotuksemme (ja asiakkaamme). Itse asiassa uskon, että teimme vain yhden CSS-muokkauksen saadaksemme mallin täysin toimivaksi - näin se näytti:

fatstax-malli

Mitä mieltä olet?

Tämä sivusto käyttää Akismetiä roskapostin vähentämiseksi. Lue, miten kommenttitietosi käsitellään.