StorySDK Documentations
  • Welcome
  • SDK Integrations
    • How to get SDK token
    • Web SDK
    • React Native
    • iOS SDK
  • Cordova
  • Tutorial
    • Create account
    • Stories Witget
    • Adding New App
    • Adding New Stories Group
    • Adding New Story
    • Editor
    • Widgets
      • Button
    • Stories size
    • Integrations
      • Google Analytics
Powered by GitBook
On this page
  • Templates
  • Background settings
  • Add overlay
  • Interactive widgets
  • Сhange the order of layers

Was this helpful?

  1. Tutorial

Editor

Overview of the Editor’s Main Features

PreviousAdding New StoryNextWidgets

Last updated 6 months ago

Was this helpful?

In the editor, you can customize the design of each story. You can set the story’s background (color, gradient, image, or video) and add overlay layers (text, photos, videos, links, buttons, GIFs, and interactive elements).

Templates

After creating the first story, you’ll need to add a background to it or start by using a ready-made template. Templates are grouped by category in the left panel.

Background settings

To change the story background, click on "Background" and select the desired background type in the color picker.

Add overlay

Once the background is set, you can proceed with the design customization. In the example below, we’ve added a logo (an image widget) and text. The text style and font can be customized in the right panel.

Interactive widgets

You can also add interactive widgets to collect feedback from your clients. Each interactive widget can be customized in the right panel.

Сhange the order of layers

You can change the order of layers by right-clicking on any widget.