All Collections
Widgets
How to create widget?
How to create widget?

Creating a new widget and configuring the way stories should look, how should they behave and which stories should be visible is now simple.

Nemanja avatar
Written by Nemanja
Updated over a week ago


When you log in into StorifyMe, and navigate to Stories, you will see a tab named Widgets. In here you can create your widgets and customize how the stories will be displayed to your web and app visitors and customize overall look of the stories section on your page.

Creating a new widget is quite simple, and you can create as many widgets as you want with different look and feel.

To create one, navigate to Stories - Widgets and click on +Create widget.

First, you'll need to name your widget. You should name your widget so other team mates understand what kind of stories the widget will contain.


Next, you'll be redirected to the widget editor, where you can further customize your widget. We will go over everything you can do.

Stories

  1. Your first step in customization is setting up tags for widget - Tags provide details about the story and make it easy to locate related items that have the same tag. In example, you can choose to show only stories with tags that are currently relevant to your offer, and not show the ones with products that are out of stock or similar.

  2. Order by - Here you can choose how you want your stories to be shown within a widget: order by published stories new to old or old to new, Story updated old to new or new to old, or by story name, alphabetically.

    Style Your Widget

  1. Background - Pick a background color of your widget and customize the size of it.

  2. Widget Title - Customize how widget name will look like: pick font size, color, padding and do you want Widget name to be centralized, left or right-aligned.

Widget Border - choose the border width, color and radius.


Configuration - Widget settings

  1. Widget Type - We offer two different types of widgets: Carousel and a Single Story. Carousel show multiple stories, while Single story is showing only one story. Below you'll see an example of the Carousel widget. Carousel widget is shaped as a square by default, but you can further style it by increasing radius, border etc.

  2. Widget title is text that is displayed below Name. You can choose to show text or to leave only name. Tip: This section can be used to attract customers to watch your stories so you can get them in the loop for making a purchase at the end.

Widget example


Once you created a widget you can easily edit, delete or share. Also, you can create new different types of widget and choose to embed the ones that currently fit your needs.

Did this answer your question?