Setka Editor и другие CMS Интеграция Setka Editor с HubSpot

Интеграция Setka Editor с HubSpot

Вы можете автоматически экспортировать контент постов, созданных в Setka, в ваш HubSpot Blog.

Шаг 1. Свяжите аккаунты Setka Editor и HubSpot

В вашем Setka аккаунте на странице CMS Integration нажмите на кнопку Connect with HubSpot. 

Screen_Shot_2019-09-27_at_12.51.42.png

Обратите внимание, что:

  • Связать аккаунты сможет только пользователь, имеющий административные права в HubSpot на установку приложений(super admin);
  • Для связки аккаунтов, тариф в сервисе HubSpot должен включать в себя функционал Блогов;
  • Приложение Setka Editor в HubSpot попросит доступ на создание записей в блоге и доступ в Files API для локального сохранения файлов и стилей (эта функция будет доступна позже, на данном этапе все файлы стилей и изображения будут отдаваться с CDN Setka Editor).

Шаг 2. Создайте пост в Setka Editor Design Cloud и экспортируйте его в HubSpot Blog

На странице Design Cloud Posts, в списке постов, вы увидите кнопку Export.

Screen_Shot_2019-09-26_at_19.28.12.png

После нажатия на нее, в открывшемся попапе вы увидите кнопку Export to HubSpot. 

______________2019-11-15___16.27.02.png

Нажмите на нее и выберите, в какой из блогов на HubSpot совершить экспорт. Если у вас только один блог на HubSpot, то процесс экспорта начнется сразу. По завершении покажется уведомление об успешном экспорте, и вы сможете перейти в пост по ссылке.

Setka Editor создает в HubSpot черновики, где будут заполнены только заголовок и содержимое поста. Перед публикацией в HubSpot нужно будет настроить в блоге дополнительные поля, необходимые для публикации — например, указать автора.

Шаг 3. Обновление контента

Стили оформления постов Setka Editor, экспортированных в HubSpot Blog, подключаются только на странице просмотра поста, но не на странице его редактирования. Поэтому не стоит исправлять контент поста в редакторе HubSpot, иначе вы сломаете его верстку (максимум, что можно сделать — поправить опечатку в слове). Все правки в пост нужно вносить в вашем Setka аккаунте, и затем повторно отправлять обновленный контент в HubSpot. Для этого предназначена кнопка Update in Hubspot, расположенная в бейдже поста. После нажатия на нее, обновленный контент будет передан в пост на HubSpot.

______________2019-11-15___16.29.49.png

Весь контент полностью обновится на экспортированный из поста в Setka. Если до момента экспорта вы вносили какие-то правки в пост на HubSpot, они будут перезатерты. Поэтому важно все изменения вносить посредством обновления поста из Setka Editor. 

Вставка CTA-кнопок и форм

В пост, экспортированный из Setka Editor, можно нативным образом добавить HubSpot CTA-кнопку. Для этого, в режиме редактирования поста на HubSpot:

  1. Установите курсор в то место, куда вы хотите вставить кнопку
  2. Откройте меню Insert и выберите пункт Call-to-Action
  3. HubSpot предложит выбрать одну из ваших CTA-кнопок, и она встанет в контент поста.

Screen_Shot_2019-09-27_at_13.30.42.png

HubSpot пока не поддерживает нативную вставку своих форм в редакторе поста. Чтобы добавить форму в пост, нужно:

Screen_Shot_2019-09-27_at_13.40.27.png

Интеграция 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; }