Setka Editor on other CMS Content Design Cloud. Export post HTML-code

Content Design Cloud. Export post HTML-code

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 tab – Create Post
  2. Create a post and save it by clicking ______________2019-11-15___13.58.38.png below. To save and exit, click ______________2019-11-15___14.03.12.png.

mceclip0.png

 

Posts are sorted by date on the Posts page. 

mceclip3.png

 

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:

Screen_Shot_2019-12-06_at_17.44.20.png

To save code as a .txt file, click Save as .txt or Copy to clipboard

mceclip2.png

 

2. From the editor

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

Screen_Shot_2019-12-06_at_17.46.38.png

To save code as a .txt file, click Save as .txt or Copy to clipboard

mceclip2.png

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

 

Editing and export to PDF

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.

Screen_Shot_2019-12-06_at_17.21.33.png

Screen_Shot_2019-12-06_at_17.12.58.png

 

Manual page breaks

Automatic page breaks are not universal. E.g., some block 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.

Select "PDF page break" on the right sidebar to add a page break:

Screen_Shot_2019-12-06_at_17.29.24.png

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

Important note: after adding the first page break, others will be calculated automatically, based on the position of the first one.

 

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):

Screen_Shot_2019-12-06_at_17.34.01.png

 

How to generate a PDF file?

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

Screen_Shot_2019-05-24_at_19.32.42.png

or export from the editor page:

Screen_Shot_2019-12-06_at_17.46.38.png

2. Select «Send post as .pdf».

mceclip2.png

3. You will receive the .pdf file on an e-mail, which was used to register your Setka Account on https://editor.setka.io.

 

Limitations:

  1. The exported file would only contain the content created in Setka Editor. So, 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 are planning 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@setka.io.

 

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. The document can be protected by a password. You can share it in 2 ways:

 

From the posts list

1. Go to Posts in the control panel.

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:

______________2020-04-22___17.42.28.png______________2020-04-22___17.42.40.png

 

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

______________2020-04-22___17.43.30.png

 

4. A user with the post link will be able to view the post, even without access to Setka Editor.

 

From the post preview

1. Go to Posts in the control panel.

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

______________2020-04-22___17.42.28.png

 

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

mceclip0.png

 

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

______________2020-04-22___17.43.30.png

4. A user with the post link will be able to 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:

______________2020-04-22___18.33.22.png

Note: these settings are also available on the preview page.

3. Here you will be able to:

  • Disable the access via 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:

______________2020-04-22___17.44.04.png

 

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

Your site should meet the following requirements to successfully 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). 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.