Animation Addons

Animation Addons

General Widgets

Video Story Widget Documentation

Estimated reading: 3 minutes 176 views

Before setting up the Video Story Widget, ensure that the Animation Addons for Elementor plugin is installed and activated on your site. Once activated, you’ll gain access to the Video Story Widget, which is part of the paid version of the plugin. Please note that this widget is not available for free and requires a valid license for use. After activation, you can explore a variety of premium widgets, including the Video Story Widget, through the selection options.

Video Story 1

Key Use Cases for the Video Story Widget in Elementor:

The Video Story Widget is a premium Elementor widget for displaying videos in an interactive, story format.

  • Showcase videos in an interactive, story-like format to captivate users.
  • Enhance user engagement by offering dynamic video presentations.
  • Customize video display settings to match your site’s design and branding.

Prerequisite

  • Elementor
  • Animation Addons for Elementor

How to Activate the Video Story Widget:

  • Go to Animation Addons → Elements in your WordPress dashboard.
  • Find the Video Story Widget in the list.
  • Toggle it on to enable the widget.
  • The Video Story Widget is now ready to use!
Video Story 2

How to Add the Video Story Widget in Elementor:

  • Enable the Widget: Ensure the Video Story Widget is enabled in your Elementor settings.
  • Create a New Page: Open a new page where you wish to display the widget.
  • Set a Title: Add a title for your page as required.
  • Choose Template: Select the Elementor Full Width template for a full-width layout.
  • Publish the Page: After setting the title and template, publish the page.
  • Search for Video Story Widget: In the Elementor panel, search for “Video Story Widget.”
  • Drag and Drop the Widget: Drag the widget to your desired section of the page.
  • Adjust Settings: Customize the widget settings, including video sources, display options, and styling, as needed.
Video Story 3

Once added, the Video Story Widget displays your video in an engaging, story-style format for dynamic user interaction.

Configuring Video Story Widget: A Step-by-Step Guide

Once the Video Story Widget is added to your page, you can configure its settings under three tabs: Content, Style, and Advanced.

Video Story 4

Content Settings

  • Query: Choose which posts or custom post types to display as video stories using filters like categories or tags.
  • Layout: Select the visual arrangement (e.g., horizontal, vertical, carousel) for displaying the stories.
  • Settings: Configure story duration, autoplay, loop, and transition effects.
  • Title: Show or hide post titles and adjust their display settings.
  • Excerpt: Enable or disable post excerpts to show a short summary.
  • Taxonomy: Filter stories by categories, tags, or custom taxonomies.
  • Meta: Display post metadata such as author, date, or reading time.
Video Story 5

Style Settings

  • Layout: Customize spacing, alignment, and overall structure of the widget layout.
  • Video: Style the video container with border, shadow, radius, and overlay effects.
  • Content: Adjust padding, alignment, and background of the content area.
  • Title: Control typography, color, and spacing of the story titles.
  • Excerpt: Style the excerpt text, including font, size, color, and spacing.
  • Taxonomy: Modify the appearance of categories or tags shown with each story.
  • Meta: Customize the look of meta info (author, date, etc), including font, size, and color.
Video Story 6

Advanced Settings

In the advanced settings, you’ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.

Video Story 7

Final Outcome

That’s it! You’ve successfully learned how to configure the Video Story Widget in Elementor to showcase videos in an interactive, story-style format and enhance user engagement.
For any further assistance or inquiries, feel free to contact our support team!

Share this Doc

Video Story Widget Documentation

Or copy link

CONTENTS