STEP 4 – Adding a Widget

1. Click the plus to add a widget

2. Select a widget from the palette to be placed on the page. In some cases, a widget will require additional configuration before being placed on the page

3. The available widgets are listed below:

Text Block demo>	A simple block of text. Can also be styled into buttons by adding background-color and actions.
Simple Image demo>	An image without any special runtime behavior.
Smart Image demo>	An image which can be resized irrespective of aspect ratio. It can also be expanded to reveal an extra layer of information and interactivity.
Photo Gallery demo>	A collection of smart images which can be viewed in sequence.
Tilt Image demo>	An image which can be panned by tilting your device or by mouse movement.
Before After demo>	A collection of images which can be superimposed on each other and often used to show chronological progression.
Panorama demo>	An image with a wide aspect ratio which can be panned.
Slideshow demo>	A collection of images which can be viewed in sequence as an automatic slideshow.
360 demo>	A collection of images which can be viewed in sequence by swiping over the image container to create a smooth 360 degree rotation of a scene.
Image Parallax demo>	The background content (i.e. an image) is moved at a different speed than the foreground content while scrolling
Video demo>	A video player which can contain YouTube, Vimeo or Storied hosted videos.
Waypoint demo>	A widget that allows you to display colors, images, videos and animations on the backdrop of the page based on the scroll position of the page.
Audio Story demo>	A simple audio player with basic controls for playing MP3 content.
Spacer demo>	A simple rectangle shape used for creating space between widgets.
Inline Grid demo>	A container of columns which can be used for placement control of other widgets.
HTML demo>	A container for holding custom HTML code.
Section demo>	A container which can be used to organize your page content and can also be templatized.
Element demo>	A container which can contain any combination of other widgets for the purpose of creating a reusable component.
Block demo>	A container which allows for the insertion of content from an external page.
Carousel demo>	A collection of containers which can be viewed in sequence.
Document demo>	A link to an uploaded document which can be customized
Form demo>	Basic collection of form elements.
Chart demo>	An interactive chart. Currently we support line, row, bar, pie, donut and map. You can also embed a custom chart created outside the editor.
Shape demo>	This widget allows the user to insert an object from a verity of different SVG's
Table demo>	A data structure that organizes information into rows and columns
Arrow demo>	This widget allows users to visually navigate through content or interface elements by indicating direction with a graphical arrow.
Line demo>	This widget allows users to visually separate or delineate sections within a user interface by drawing a straight line.
Storied demo>	This widget widget allows users to embed other Storied projects into a webpage, enabling easy integration of designs from a template list.
Hotspot demo>	This widget enables the creation of clickable areas on a webpage that can be linked to various actions such as opening links, email addresses, phone numbers, sending SMS, opening or closing overlays.
Lottie demo>	This widget simplifies the process of adding Lottie animations to a project using JSON files. Users can easily drag and drop the JSON file onto the project page, and the file will be automatically added.
Other demo>	There are also several other widgets that are not available for wide distribution. If you have a specific need which is not addressed by the widgets listed above please contact the help desk for assistance.