Будівництво складних шаблонів з Hubspot

веб-макет

Ми досить агностичні, коли справа стосується платформ для автоматизації маркетингу, розробки цільових сторінок та маркетингу електронною поштою. Ми працювали та пройшли сертифікацію Hubspot кілька років тому, і ми були вражені деякими особливостями, але елементи дизайну були дещо обмеженими. Це вже не так.

Один із наших спонсорів, FatStax, розпочато з Hubspot але не реалізував усі варіанти. Як і багато стартапів, вони працювали над розвитком бізнесу і не встигли повністю впровадити рішення, тому вони попросили нас про допомогу в рамках загальної програми вхідного маркетингу. Минулого тижня вони запустили Партнерську програму для реєстрації агентств, і це був наш перший досвід у створенні чудового шаблону для них.

Вони надали HTML-макет, і нам довелося перекласти це на Hubspot. Спочатку я був трохи обережним, даючи їм зрозуміти, що ми зробимо стільки, скільки зможемо, враховуючи систему складання шаблонів Hubspot. Ключем до розробки шаблону було те, що ми могли клонувати шаблон і використовувати його для інших пропозицій та цільових сторінок. Ми повинні були зробити це правильно ... щоб команда з FatStax могла редагувати без нашої допомоги.

Познайомившись із платформою та витративши певний час на Сайт дизайнера ресурсів Hubspot, ми були щиро вражені користувальницьким інтерфейсом та шарами глибини. Не вдаючись у подробиці, ми не знайшли жодних обмежень для їх системи шаблонування.

Редактор бета-версій на місці працював бездоганно, і конструктор шаблонів трохи звик, але ми врешті оновили все належним чином. Ми змогли створити глобальні групи верхнього та нижнього колонтитулів, які можна легко використовувати в будь-якому шаблоні. Якщо ви хочете, Hubspot навіть пропонує можливість приєднати зовнішній файл CSS або JavaScript. Ви також можете інтегрувати Analytics і змінити файл robots.txt, якщо хочете заблокувати сторінки в пошукових системах.

редагувати на місці

Результат потребує незначних доопрацювань, але він перевершив наші (і наших клієнтів) очікування. Насправді, я вважаю, що ми зробили лише одне редагування CSS, щоб шаблон працював повністю - ось як це виглядало:

шаблон fatstax

Що ви думаєте?

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.