Вы можете автоматически экспортировать контент постов, созданных в Setka, в ваш HubSpot Blog.
Шаг 1. Свяжите аккаунты Setka Editor и HubSpot
В вашем Setka аккаунте на странице CMS Integration нажмите на кнопку Connect with HubSpot.
Обратите внимание, что:
- Связать аккаунты сможет только пользователь, имеющий административные права в HubSpot на установку приложений(super admin);
- Для связки аккаунтов, тариф в сервисе HubSpot должен включать в себя функционал Блогов;
- Приложение Setka Editor в HubSpot попросит доступ на создание записей в блоге и доступ в Files API для локального сохранения файлов и стилей (эта функция будет доступна позже, на данном этапе все файлы стилей и изображения будут отдаваться с CDN Setka Editor).
Шаг 2. Создайте пост в Setka Editor Design Cloud и экспортируйте его в HubSpot Blog
На странице Design Cloud Posts, в списке постов, вы увидите кнопку Export.
После нажатия на нее, в открывшемся попапе вы увидите кнопку Export to HubSpot.
Нажмите на нее и выберите, в какой из блогов на HubSpot совершить экспорт. Если у вас только один блог на HubSpot, то процесс экспорта начнется сразу. По завершении покажется уведомление об успешном экспорте, и вы сможете перейти в пост по ссылке.
Setka Editor создает в HubSpot черновики, где будут заполнены только заголовок и содержимое поста. Перед публикацией в HubSpot нужно будет настроить в блоге дополнительные поля, необходимые для публикации — например, указать автора.
Шаг 3. Обновление контента
Стили оформления постов Setka Editor, экспортированных в HubSpot Blog, подключаются только на странице просмотра поста, но не на странице его редактирования. Поэтому не стоит исправлять контент поста в редакторе HubSpot, иначе вы сломаете его верстку (максимум, что можно сделать — поправить опечатку в слове). Все правки в пост нужно вносить в вашем Setka аккаунте, и затем повторно отправлять обновленный контент в HubSpot. Для этого предназначена кнопка Update in Hubspot, расположенная в бейдже поста. После нажатия на нее, обновленный контент будет передан в пост на HubSpot.
Весь контент полностью обновится на экспортированный из поста в Setka. Если до момента экспорта вы вносили какие-то правки в пост на HubSpot, они будут перезатерты. Поэтому важно все изменения вносить посредством обновления поста из Setka Editor.
Вставка CTA-кнопок и форм
В пост, экспортированный из Setka Editor, можно нативным образом добавить HubSpot CTA-кнопку. Для этого, в режиме редактирования поста на HubSpot:
- Установите курсор в то место, куда вы хотите вставить кнопку
- Откройте меню Insert и выберите пункт Call-to-Action
- HubSpot предложит выбрать одну из ваших CTA-кнопок, и она встанет в контент поста.
HubSpot пока не поддерживает нативную вставку своих форм в редакторе поста. Чтобы добавить форму в пост, нужно:
- Получить код экспорта формы.
- Зайти в редактор поста в Setka аккаунте и, через функцию вставки эмбед-кода, вставить в пост код формы:
Интеграция c HubSpot website page & landing page
Вы можете вставить код поста, созданного в Setka Editor Design Cloud, в модуль, который принимает HTML-код (например, вы можете найти такой модуль на маркетплейсе).
* Интеграция с HubSpot доступна только на платных тарифах.
Совместимость с шаблоном страницы блога "1 Blog Post - Launch on Liftoff"
Для корректного отображения размера изображений на страницах постов в блоге с этим шаблоном, пожалуйста, добавьте в Custom CSS стиля следующий код:
.stk-icon { height: 1em !important; }