Тариф Design Cloud позволяет создавать посты прямо в вашей учетной записи в личном кабинете, с помощью Setka Editor.
Интеграция с вашим сайтом не требуется. Просто экспортируйте HTML-код созданного поста для дальнейшего использования в вашей CMS.
Содержание
Редактирование и экспорт поста в PDF
Автоматическое разбиение на страницы
Установка разрыва страницы вручную
Скрытие элементов для PDF-версии поста
Как экспортировать пост в PDF?
Как поделиться ссылкой на пост, свёрстанный в Design Cloud?
Изменение настроек доступа по ссылке
Каковы требования к сайту, если на его страницы импортируется HTML-код из Design Cloud?
Как создать пост?
- Перейдите во вкладку Posts –> Create post;
- Создайте пост в Setka Editor и сохраните его нажатием на
в нижней части страницы. Чтобы сохранить публикацию и вернуться к списку постов, нажмите
Созданные посты сортируются по дате на странице Posts.
Как получить код поста?
1. Из списка постов
Перейдите во вкладку Posts в личном кабинете и найдите нужный пост в списке.
Затем нажмите Export в правом нижнем углу миниатюры поста:
Получите .txt файл с HTML-кодом поста нажатием на Save as .txt или скопируйте код в буфер через Copy to clipboard.
2. Со страницы редактирования
Нажмите Export в правом нижнем углу страницы редактирования:
Получите .txt файл с HTML-кодом поста нажатием на Save as .txt или скопируйте код в буфер через Copy to clipboard.
Редактирование и экспорт поста в PDF
Если ваш тариф позволяет экспортировать посты в PDF, в редакторе появляется несколько дополнительных возможностей оформления.
Автоматическое разбиение на страницы
Работая с постом, вы можете посмотреть, как он будет автоматически разбит на страницы. Для этого переключите режим превью редактора на PDF.
Примечание: автоматическое постраничное разбиение разбиение отразится на экспортированном материале, только если добавить хотя бы один разрыв страницы вручную.
Установка разрыва страницы вручную
Автоматическое разбиение на страницы подходит не для всех постов. Например, блок с фоном может быть разбит на 2 части или логически связанные друг с другом элементы окажутся на разных страницах. В таких случаях поможет вставка принудительного разрыва в нужном месте страницы.
Для вставки разрыва, выберите Разбить PDF страницу в правой панели:
Разрыву можно включить или отключить отступ от верха следующей страницы до контента.
Примечание: после вставки одного разрыва, остальные рассчитаются автоматически, исходя из его положения в материале.
Скрытие элементов для PDF-версии поста
Вы можете настроить видимость определенных элементов для PDF. Например, скрыть формы подписки или CTA:
Как экспортировать пост в PDF?
1. Перейдите в раздел Posts в личном кабинете.
2. Найдите пост, который вы хотите получить в формате PDF, и нажмите кнопку Export в бейдже поста.
Также вы можете экспортировать пост со страницы редактирования поста:
2. Выберите Send post as .pdf.
3. Файл придет на email, которым вы авторизованы в личном кабинете.
Ограничения:
- Экспортированный пост будет содержать только контент, сверстанный в Setka Editor, поэтому не забудьте заверстать заголовок в Setka Editor, чтобы он попал в PDF-файл.
- В PDF-файле не будут отображаться emoji.
- В галереях будет видно только первое изображение, поэтому если вы планируете экспортировать контент в .pdf, лучше не используйте галереи.
- Некоторые видео или другие эмбеды, вставленные в пост, могут не иметь заглавной картинки (это зависит от сервиса, с которого вы вставляете эмбед). В будущем мы планируем отображать заглавную картинку видео для большинства часто используемых сервисов.
- При желании вы можете открыть сгенерированный файл в Sketch, Illustrator или другой аналогичной программе и отредактировать его.
Тариф Design Cloud подключается по запросу на support@setka.io.
Как поделиться ссылкой на пост, свёрстанный в Design Cloud?
Вы можете отправить ссылку на просмотр поста коллеге или клиенту. По ссылке будет доступно превью, без возможности редактирования. Документ по ссылке можно защитить паролем. Поделиться можно двумя способами:
Из списка постов
1. Перейдите в раздел Posts в личном кабинете.
2. Найдите пост, ссылкой на который вы хотите поделиться. Нажмите кнопку опций (многоточие) в бейдже поста и выберите Create shareable link:
3. Задайте пароль для доступа к посту и нажмите Get shareable link. Чтобы поделиться ссылкой без защиты паролем, нажмите share without password. Ссылка скопируется в буфер обмена:
4. Пользователь, у которого есть ссылка на пост, сможет просматривать его, даже не имея доступа к личному кабинету Setka Editor.
Из предпросмотра
1. Перейдите в раздел Posts в личном кабинете.
2. Найдите пост, ссылкой на который вы хотите поделиться. Нажмите Preview на бейдже поста:
3. Нажмите кнопку Share в верхней части экрана:
4. Задайте пароль для доступа к посту и нажмите Get shareable link. Чтобы поделиться ссылкой без защиты паролем, нажмите share without password. Ссылка скопируется в буфер обмена:
4. Пользователь, у которого есть ссылка на пост, сможет просматривать его, даже не имея доступа к личному кабинету Setka Editor.
Изменение настроек доступа по ссылке
1. Перейдите в раздел Posts в личном кабинете.
2. Найдите пост, ссылкой на который вы делились. Он будет отмечен специальным знаком. Нажмите кнопку опций (многоточие) в бейдже поста и выберите Sharing settings:
Примечание: эти настройки также доступны на странице предпросмотра.
3. В открывшемся меню вы сможете:
- Отключить доступ по ссылке, нажав Turn sharing off.
- Получить ранее сгенерированную ссылку в соответствующем текстовом поле и быстро скопировать её кнопкой Copy to clipboard.
- Задать новый пароль в поле Set a new password:
Каковы требования к сайту, если на его страницы импортируется HTML-код из Design Cloud?
Чтобы посты из Design Cloud импортировались полностью и без ошибок, сайт должен соответствовать следующим минимальным требованиям:
- Теги <script>, <link> и <div> на сайте не должны вырезаться.
- Тег <style> не должен вырезаться или модифицироваться. Setka Editor использует собственные стили, генерируемые Менеджером cтилей. Для корректного отображения контента, эти стили должны оставаться в первозданном виде.
- data-* атрибуты в HTML не должны быть ограничены.