Video Story

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.

Introduction

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

Key Use Cases for the Post Reactions Widget in Elementor:

• 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!

How to Add the Video Story Widget in Elementor:

• Open the page where you want to add the Video Story_Widget.
• Launch the Elementor editor.
• In the Elementor panel, search for “Video Story_Widget.”
• Drag the widget to your desired section.

How to Configure the Video Story Widget: 

• 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.

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.

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.

Style Settings

Style Section Overview – Video Story Widget

• 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.

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.

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!