Membangun Template Kompleks dengan Hubspot

tata letak web

Kami cukup agnostik dalam hal platform untuk otomatisasi pemasaran, pengembangan halaman arahan, dan pemasaran email. Kami bekerja dan mendapatkan sertifikasi Hubspot beberapa tahun yang lalu, dan kami terkesan dengan beberapa fiturnya, tetapi elemen desain agak terbatas. Bukan itu masalahnya lagi.

Salah satu sponsor kami, FatStax, dimulai dengan Hubspot tetapi belum menerapkan semua opsi. Seperti banyak perusahaan rintisan, mereka mengerjakan pengembangan bisnis dan tidak punya waktu untuk menerapkan solusi sepenuhnya, jadi mereka meminta bantuan kami sebagai bagian dari program pemasaran masuk secara keseluruhan. Minggu lalu, mereka meluncurkan Program Mitra bagi biro iklan untuk mendaftar, dan itu adalah kesempatan pertama kami membuat template yang bagus untuk mereka.

Mereka menyediakan tata letak HTML, dan kami harus menerjemahkannya ke dalam Hubspot. Saya agak berhati-hati pada awalnya, memberi tahu mereka bahwa kami akan melakukan sebanyak yang kami bisa mengingat sistem template Hubspot. Kunci untuk mengembangkan template adalah kita dapat mengkloning template dan menggunakannya untuk penawaran dan halaman arahan lain. Kami harus melakukannya dengan benar… sehingga tim di FatStax dapat mengedit tanpa bantuan kami.

Setelah mengenal platform dan menghabiskan beberapa waktu Situs Sumber Daya Desainer Hubspot, kami benar-benar terkesan dengan antarmuka pengguna dan kedalaman lapisan. Tanpa menjelaskan secara rinci, kami tidak menemukan batasan apa pun pada sistem template mereka.

Editor beta edit-in-place bekerja dengan sempurna, dan pembuat template mulai terbiasa, tetapi kami akhirnya memperbarui semuanya dengan benar. Kami dapat membuat grup header dan footer global yang dapat dengan mudah digunakan di seluruh template. Jika Anda suka, Hubspot bahkan menawarkan kemampuan untuk melampirkan file CSS atau JavaScript eksternal. Anda juga dapat mengintegrasikan Analytics dan mengubah file robots.txt jika Anda ingin memblokir halaman dari mesin pencari.

edit-di-tempat

Hasilnya membutuhkan beberapa perubahan kecil, tetapi itu melebihi harapan kami (dan klien kami). Faktanya, saya yakin kami hanya membuat satu edit CSS agar template berfungsi penuh - inilah tampilannya:

template fatstax

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.