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
  • Setka Editor Interface
  • Text Formats
  • Working with the layout: Grids and Nested Grids
  • Grids and nested grids
  • Nested grids
  • Images
  • Backgrounds
  • Embeds
  • Indents
  • Animations
  • Responsive layout for mobile screens

Was this helpful?

  1. VIDEO TUTORIALS

Setka Editor Video Tutorials

Helpful video tutorials about Setka Editor features

PreviousCustom Components API

Last updated 2 years ago

Was this helpful?

Setka Editor Interface

This walkthrough of the Setka Editor workspace will give you a sense of all the options available to you on the platform and show you precisely where to find the tools you need to create beautiful content layouts.

Text Formats

This video will show you how easy it is to bring your copy into Setka Editor and change its formatting to your heart’s content.

Working with the layout: Grids and Nested Grids

Grids are one of the unique features of Setka Editor, pulled from traditional print design to give you ultimate control over the layout of your articles. There can be a bit of a learning curve but worry not—the videos below will get you up to speed in no time!

Grids and nested grids

Start with this overview of how using grids can transform your layouts and start integrating basic grid structures into your content.

Nested grids

Ready to take your layouts to the next level? This video dives deeper into using the advanced option of nesting grids inside each other to create a more complex structure.

Images

Since images are so critical to good editorial design, Setka Editor has a wealth of tools to help you integrate them into your posts.

Learn more about how to use them in this video, including uploading images to the image library, editing images directly within the Editor, inserting individual images or image galleries into your posts, adding captions or Alt Text, and using grids to adjust the layouts of your images.

Backgrounds

Images or solid colors can also be used as backgrounds for your posts' individual elements or entire swaths of your post. This video will walk you through how to add and configure different types of backgrounds.

Embeds

Embedding content from other platforms can help you create a more rich, multimedia experience. This video will share how to embed videos and posts from social networks and other sites or add custom HTML and Javascript and all the options you have for formatting these embeds.

Indents

In this video, you’ll learn how to use various indent options to add the right amount of white space to your layout, creating a more comfortable reading experience.

Animations

Adding animation to various elements in your post can be a great way to make it more dynamic. This video will not only walk you through how to add animations to text, images, and more in Setka Editor—including the different animation presets that are available to you and how to use manual animation options to create a specific look—but will also share some best practices for integrating animations into your designs.

Responsive layout for mobile screens

Setka Editor provides flexible tools to tune your content for mobile.

Video showing Setka Editor interface
Video showing how to work with text in Setka Editor
Video about grids and nested grids in Setka Editor
Video tutorial about nested grids in Setka Editor
Video tutorial showing how to work with images and image galleries in Setka Editor
Video tutorial video about working with background in Setka Editor
Video tutorial showing how to add and edit embeds in Setka Editor
Video tutorial showing how to work with indents in Setka Editor
Video tutorial showing how to create animations in Setka Editor
Video tutorial showing how to adjust the post's layout for mobile