Help Center
  • Welcome
  • Setka Editor
    • Getting started
    • Drag-and-Drop & Multiselect
    • Text editing
    • Grids and Layout
    • Images
      • Image Editor
    • Background images
    • Icons
    • Animations
    • Lists
    • Tables
    • Dividers
    • Footnotes
    • Hotspots
    • Enhance Symbols
    • Post templates
    • Buttons
    • Comments and collaboration
    • Embeds
    • Hyphenation
    • Responsive layout for mobile screens
    • Custom CSS
    • Custom JS plugins
  • Setka Content Design System Manager
    • Creating and editing styles
    • Text formats and fonts
    • Styles display for mobile mevices
    • Text and background colors
    • Dividers
    • Icons
    • Components – reusable design elements
      • Creating Components with HTML and CSS
        • CSS in components
        • Component examples
    • Configuring layout grids
    • Editing default elements with Custom CSS
    • Adding team members
  • Account Settings
    • Account settings basics
    • Access rights
    • Billing and subscription
  • Preserve your Setka Editor content after the service shutdown
  • Integrations
    • Setka and WordPress
      • Installing Setka Editor WordPress plugin
      • Launching Setka Editor on the post creation page
      • Setka Editor and WordPress compatibility
      • Setka Editor compatibility with the most popular WordPress plugins
      • Inserting graphs, charts, or diagrams into a post
      • Setka Editor and Google AMP
      • Inserting adverts into a post
      • srcset — the attribute for image size optimization
      • Page load speed optimization settings
        • Autoptimize plugin configuration
      • WordPress troubleshooting: known Issues and how to fix them
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Drupal
      • Setka for Drupal — compatibility, and features
      • Installing Setka modules for Drupal
      • Setka content on AMP pages in Drupal
    • Setka and Magento
      • Installing Magento 2 extension
        • Setka Editor configuration page
      • Preserve your Setka Editor content after the service shutdown
    • Setka and HubSpot
      • Setka Editor and HubSpot Blogs
      • Setka Editor and HubSpot Landing Pages
      • Semi-gated content with a HubSpot form
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Bitrix
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Ghost
      • Copying and pasting posts from Setka to Ghost
    • Setka and SharePoint Online
      • Installing Setka Editor application into SharePoint Online
    • Setka and Zapier
      • Setka and Webflow
        • Exporting new posts
        • Updating exported posts
      • Setka and Shopify
    • Setka and Integromat
    • Content Cloud
  • API
    • Setka Content Cloud API
    • Webhooks
    • API for Custom CMS Integration
      • Introduction to custom integration
      • Integration with Content Design System Manager (CDSM)
        • Initial sync — receiving Setka Editor files to connect them to your CMS
        • Storing and processing Setka Editor files
        • Connecting Setka Editor files to the pages of your site
        • Receiving style updates from the Style Manager and new editor versions
      • Setka Post Editor initialization (JavaScript)
      • Integration with Style Manager (API v1, previous version)
      • Preserve your Setka Editor content after the service shutdown
    • Custom Components API
  • VIDEO TUTORIALS
    • Setka Editor Video Tutorials
  • Components Library
    • Components Library
    • Guide: Ideas for Using Setka Editor’s Components to Improve Content Design
  • Content Experience Design Best Practices
    • Guide To Designing a Great Content Experience
Powered by GitBook
On this page
  • Step 1: Create a Setka Editor post
  • Step 2: Generate your HTML code
  • Step 3. Copy the HTML code into Ghost editor
  • Step 4. Publish your post
  • Making changes in the post

Was this helpful?

  1. Integrations
  2. Setka and Ghost

Copying and pasting posts from Setka to Ghost

How to copy and paste posts from Setka to Ghost.

PreviousSetka and GhostNextSetka and SharePoint Online

Last updated 3 years ago

Was this helpful?

To create a beautiful post with Setka Editor styles on Ghost CMS, you can use the Setka Editor Design Cloud plan to generate and easily paste HTML code into Ghost's editor.

Step 1: Create a Setka Editor post

1.Click the Posts tab in your Setka Account. Then, click the Create post button.

2. Design your post.

Step 2: Generate your HTML code

To copy your post's HTML code, click on the Copy to clipboard button.

Step 3. Copy the HTML code into Ghost editor

Create a new post in Ghost editor with a new HTML block. Paste your HTML code inside:

Step 4. Publish your post

That's all there is to it! Ghost allows you to copy your Setka Editor post HTML code directly into the HTML block, rendering your content with all your styles, visuals, and designs.

Making changes in the post

If you decide to update the text or design of your post, you need to make any changes inside the Setka Editor Design cloud and then paste the entire new post's HTML code again into Ghost's editor. Avoid making changes in Ghost, as this may result in lost styles and unplanned alterations.

1. Navigate to the list of your posts (click the Posts tab in the navigation menu or the Save and Exit button inside of the post).

2. Click the Export button on the bottom right of the post preview.

Sscreenshot of Setka interface: Content editing area
Screenshot of Setka interface: "Copy to clipboard" button to copy the HTML code of a post
Screenshot of Ghost interface: Adding HTML block