---
description: How to export posts from Setka Content Cloud in HTML or in PDF.
---

# Content Cloud

A **Design Cloud** subscription plan makes it possible to use Setka Editor from a personal account **without the need for CMS integration**. Users can create posts in their browsers before simply exporting the resulting HTML code into any content management platform.

## How to create a post?

1. Click the **Posts** **>** **Create Post**;
2. Create a post and save it by clicking **Save post** below.&#x20;

To save and exit, click **Exit & Save**.

![Screenshot of Setka Editor Cloud Interface with post editing area and buttons "Exit & Save", "Save Post", "Export" and "Publish"](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoHRRs8MIMU_DqsfIl%2F-MRoPybpPlQvU-1YgxvT%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface.png?alt=media\&token=cd723d5c-57bd-4a85-be19-9edf31387390)

Posts are sorted by date on the **Posts** page.&#x20;

![Screenshot of Setka Editor Cloud Interface and "Posts" Tab](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoHRRs8MIMU_DqsfIl%2F-MRoQ74Zv7QFAly5UXvX%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Posts%20Tab.png?alt=media\&token=28d903e1-6ce2-4a83-8ab5-9005f92a5705)

## How to restore a deleted post?

Once you delete a post, it is moved to the Deleted posts folder where it will remain for 30 days. This allows restoring any post you might have deleted accidentally. The Deleted posts tab can be found in the Posts tab in your Setka account next to the Your posts.

![Screenshot of Setka Editor Cloud Interface](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLOEPbfEK4119w2ROYc%2Fuploads%2FNOMOhiKkaDOcst6tEHNI%2FSetka%20deleted%20posts%20tab.png?alt=media\&token=a21c1882-f9c1-4b0f-9436-fb8ade157cdc)

Next to the deleted post, you will see:

* A number of days remaining before complete deletion. After that time they and their assets will be permanently deleted;
* **Restore post** button to restore a post;
* **Bin button** to delete a post permanently.

![Screenshot of Setka Editor Cloud Interface and 'Deleted Posts' Section](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLOEPbfEK4119w2ROYc%2Fuploads%2FEhREmtnxWgX3LccndGhw%2Frestore-deleted-post-in-setka.png?alt=media\&token=3e5cc474-2390-4a2e-8b69-c922e7e55ec2)

Once you restore a post, it is moved back to the main Posts section. In case you are [Setka Content Cloud API ](https://setka.gitbook.io/help-center/api/getting-posts-from-the-personal-account-with-setka-cloud-api)user, you need to click Publish to bring the post back to your platform.

![Screenshot of Setka Editor 'Publish' Button](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MR2IaTosjxop_fSrByl%2F-MR2L4iqYvnAqYGva-cG%2FSetka-Cloud-Publish-Button.png?alt=media\&token=173e6ed2-595b-470d-97bb-9bb2281ce5ac)

## How to export a post's HTML code?

### 1. From the Posts page

Go to **Posts** in Setka Account and find a post to export.

Then click **Export** on the bottom right of the post badge:

![Screenshot of an article thumbnail in Setka Editor Cloud Interface with "Export" and "Preview" buttons ](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoRMk0pwLNIOhw2Jl7%2FScreenshot%20of%20an%20article%20thumbnail%20in%20Setka%20Editor%20Cloud%20Interface%20with%20Export%20and%20Preview%20buttons%20-%201.png?alt=media\&token=ab185e74-9cd5-469c-b63f-2d5e69148392)

To save code as a .txt file, click **Save code as .txt** or **Copy to clipboard**.&#x20;

![Screenshot of Setka Editor Cloud Interface showing select your export options with "Save Code as .txt" button](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoRm0fp7Xdo12IMFIu%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Select%20your%20Export%20Options%20Save%20Code%20as%20txt.png?alt=media\&token=8c7ed3f0-29b7-4e8a-93ed-94efce9b8e6d)

### 2. From the editor

Click **Export** on the bottom right of the editor page:

![Screenshot ot Sale Editor Cloud Interface showing the Post Editing Area and "Export" Button in the bottom of the screen](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoSBTuEMjatRkQIHCi%2FScreenshot%20ot%20Sale%20Editor%20Cloud%20Interface%20Post%20Editing%20Area%20Export%20Button.png?alt=media\&token=69fdc560-93ab-4370-b2ce-f025806473ee)

To save code as a .txt file, click **Save as .txt** or **Copy to clipboard**.&#x20;

![Screenshot of Setka Editor Cloud Interface showing select your export options with "Save Code as .txt" button](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoRm0fp7Xdo12IMFIu%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Select%20your%20Export%20Options%20Save%20Code%20as%20txt.png?alt=media\&token=8c7ed3f0-29b7-4e8a-93ed-94efce9b8e6d)

Design Cloud subscription plans are available upon request; please reach out to support@tiny.cloud.

## Exporting to PDF and editing the PDF version <a href="#pdf" id="pdf"></a>

Some additional design and export options appear in the editor if your subscription plan allows.

### Automatic page breaks

While working with the post, you can see how it will be automatically broken down into pages. To do this, there is a separate PDF mode in the editor's preview.

![Screenshot of Setka Editor Cloud Interface showing post editing areas and "Preview" button highlighted](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoSvlmq-emfIjKw14K%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Preview%20Button%20.png?alt=media\&token=1566d7d0-8249-4e16-960a-345c25bd49c2)

![Screenshot of Setka Editor Cloud Interface showing the PDF preview mode activated](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoTBP9G0HzCI4vhzoJ%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20PDF%20Preview%20Mode%20Activated.png?alt=media\&token=6527c76a-99cc-49cb-9bda-2f01da5a292f)

### Manual page breaks

Automatic page breaks are not universal. E.g., some blocks with the background may split into two parts, or logically related elements may end up on different pages. Therefore, you can insert a forced page break in the right place.

{% embed url="https://drive.google.com/file/d/1-pEnfgkIUEUD-RBeB7Kx1wg1RwPGfgTZ/view?usp=sharing" %}
Video showing how to add manual page-breaks in Setka Editor Cloud interface
{% endembed %}

Select **PDF page break** on the Side Toolbar to add a page break:

![Screenshot of Setka Editor Cloud interface showing "Page Margins" button in the Upper Toolbar and  "PDF page breaks" in the Side Toolbar](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoTQzKfeurAcWyQzed%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Page%20Margins%20and%20PDF%20Page%20Breaks.png?alt=media\&token=47d6b81f-730f-4c37-928d-e6b3c0202f21)

You can enable or disable the top indent for the content on the next page for each break.

{% hint style="warning" %}
After adding the first page break, others will be calculated automatically, based on the position of the first one.
{% endhint %}

### Hiding elements for the PDF version

You can set up visibility for specific items on a PDF page (e.g., hide subscription forms or CTAs):

![Screenshot of Setka Editor Cloud interface with "Hide in PDF" toggle in the Upper Toolbar ](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoTlLtdKmnGNf517VS%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Hide%20in%20PDF%20Toggle%20and%20Button.png?alt=media\&token=820053e3-c94c-4792-878d-58fec555170d)

### How to generate a PDF file?

1\. Find the post on the **Posts** page and click on **Export** on its' badge.

![Screenshot of an article thumbnail in Setka Editor Cloud Interface with "Export" and "Preview" buttons ](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoU3AU5leDuq_yPqkt%2FScreenshot%20of%20an%20article%20thumbnail%20in%20Setka%20Editor%20Cloud%20Interface%20with%20Export%20and%20Preview%20buttons%20-%202.png?alt=media\&token=61e06389-68ca-4fef-9f5b-e0243fa24ecd)

or export from the editor page:

![Screenshot ot Sale Editor Cloud Interface showing the Post Editing Area and "Export" Button in the bottom of the screen](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoSBTuEMjatRkQIHCi%2FScreenshot%20ot%20Sale%20Editor%20Cloud%20Interface%20Post%20Editing%20Area%20Export%20Button.png?alt=media\&token=69fdc560-93ab-4370-b2ce-f025806473ee)

2\. Select **Send post as .pdf**:

![Screenshot of Setka Editor Cloud interface with "Export Options" and "Send Post as PDF" button](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoUZFD9czybnlzIw_B%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Export%20Options%20Send%20Post%20as%20PDF.png?alt=media\&token=13a16b10-4c31-41e7-8d2d-e45c2b16dcea)

3\. You will receive the .pdf file via an e-mail used to register your [Setka Account](https://editor.setka.io/login).

### Limitations:

1. The exported file would only contain the content created in Setka Editor. Don't forget to make up the title in Setka Editor to get it in the PDF file.
2. The file would not be paginated. We plan to implement a pagination interface in future releases.
3. Emoji will not be displayed in the PDF file.
4. Only the first image will be displayed in the galleries. So, if you plan to export the content to PDF, we don't recommend using galleries.
5. Some videos or other embeds may not have a title image (depending on a service used to generate embeds). In the future, we plan to display video title images for the most frequently used services.
6. You can open and edit the generated PDF file in Sketch, Adobe Illustrator, or other similar applications.

To activate the Design Cloud plan, please contact support@tiny.cloud.

## How to share a link to a Design Cloud?

You can send a link to a post preview to a coworker or a customer. The preview available via link won't be editable. A password can protect a document. You can share it in 2 ways:

### From the posts list

1\. Go to **Posts** in the [control panel](https://editor.setka.io/login).

2\. Find the post you want to share a link to. Click the options button (three dots) on the post badge and select **Create shareable link**:

![Screenshot of Setka Editor Cloud interface showing a post thumbnail and post actions icon](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoVAcZ7pT_K2FCiMBY%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Post%20Thumbnail%20Post%20Actions%20Icon.png?alt=media\&token=58e51e46-d8b1-4071-a343-b4d51e76098a)

![Screenshot of Setka Editor Cloud interface with "Create a shareable link" button highlighted](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoVOrO0zmv6cUzNH99%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Create%20a%20Shareable%20Link%20Button.png?alt=media\&token=86feaab2-a21e-4fb0-8b08-a83591dc2d37)

3\. Set a post access password and click on the **Get shareable link**. To share a link without password protection, click on **share without a password**. The link will be copied to the clipboard automatically:

![Screenshot of Setka Editor cloud interface with "Share Post" pop-up window showing the field to add a password and "Get shareable link" button](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoVgQtInOURRI00D2a%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Set%20a%20Password%20Shareable%20Link.png?alt=media\&token=ed49c203-6670-4f34-9c92-ed4dd1d90c27)

4\. A user with the post link now can view the post, even without access to Setka Editor.

### From the post preview <a href="#h_69f42dde-cd9e-4b05-80de-19b702a83609" id="h_69f42dde-cd9e-4b05-80de-19b702a83609"></a>

1\. Go to **Posts** in the [control panel](https://editor.setka.io/).

2\. Find the post you want to share a link on. Click **Preview** on the post badge:

![Screenshot of Setka Editor Cloud interface showing a post thumbnail and post actions icon](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoVAcZ7pT_K2FCiMBY%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Post%20Thumbnail%20Post%20Actions%20Icon.png?alt=media\&token=58e51e46-d8b1-4071-a343-b4d51e76098a)

3\. Click **Share** in the top left corner of the screen:

![Screenshot of Setka Editor  Cloud interface showing the post preview mode and "Share" button highlighted](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoWIL5-odVeVI2xgTt%2FScreenshot%20of%20Setka%20Editor%20%20Cloud%20Interface%20Post%20Preview%20Share%20Button.png?alt=media\&token=d988eb24-d9d1-4328-a2c8-37cb4e1fcf4e)

4\. Set a post access password and click on the **Get shareable link** button. To share a link without password protection, click on **share without a password**. The link will be copied to the clipboard automatically:

![Screenshot of Setka Editor cloud interface with "Share Post" pop-up window showing the field to add a password and "Get shareable link" button](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoVgQtInOURRI00D2a%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Set%20a%20Password%20Shareable%20Link.png?alt=media\&token=ed49c203-6670-4f34-9c92-ed4dd1d90c27)

4\. A user with the post link now can view the post, even without access to Setka Editor.

### Changing the post link sharing settings

To change the settings:

1\. Go to **Posts** in the control panel.

2\. Find the shared post. It will be marked by a special "link" symbol. Click on options (three dots) in the post badge and select **Sharing settings**:

![Screenshot of Setka Editor Cloud interface with "Sharing settings" button highlighted](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoWlPxV0JOLTQGuNf-%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interface%20Post%20Actions%20Sharing%20Settings.png?alt=media\&token=f8442257-282b-45d9-8fc8-8333e0ed7988)

{% hint style="info" %}
These settings are also available [on the preview page](https://setka.gitbook.io/help-center/integrations/content-cloud#h_69f42dde-cd9e-4b05-80de-19b702a83609).
{% endhint %}

3\. Here, you will be able to:

* Disable the access via a link — select **Turn sharing off**.
* Get the earlier generated link in the corresponding text field. Click **Copy to clipboard** to quickly copy it.
* Set a new password in a **Set a new password** field:

![Screenshot of Setka Editor Cloud interaface with a pop-up window with sharing settings options ](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MRoR2JGxPSQr5BOnQoE%2F-MRoXDmVfDBWfj-PAc0X%2FScreenshot%20of%20Setka%20Editor%20Cloud%20Interaface%20Sharing%20Settings%20Options.png?alt=media\&token=aedaf709-2869-4af0-94ce-665e64c066fa)

## What are my site requirements when importing Content Design Cloud HTML into its pages?

Your site should meet the following requirements to import HTML from Setka Editor's Content Design Cloud:

1. `<script>`, `<link>` and `<div>` tags should not be modified.
2. `<style>` tags should not be modified. Setka Editor uses its own styles, generated by [Content Design System Manager (CDSM)](../content-design-system-manager). To display all the content correctly, these styles must retain their original appearances.
3. `data-*` attributes within HTML should not be limited.

If you follow these guidelines, but your post still looks incorrect, please [contact our support team](https://editor.setka.io/support).&#x20;

