Step 2: How to Use the Video Playlist Widget

Once you’ve enabled the Blob Shape widget in the element settings, access the Elementor editor for your chosen page. Search for Blob Shape and then drag and drop the widget with the HT badge.

Step 3: How to customize the Elementor Blob Shape Widget?

After adding the Blob Shape widget, navigate to the Content tab, where you’ll find the Blob Shape section. Now, you can proceed to update the Shape Type, Shape Style, Animation, and any necessary animation settings as required.

• Shape Type: You can add the blob shape type as Color, Gradient Color, and Image based on your requirement.
• Shape Style: Choose a blob shape from 15 predefined styles available.
• Animation: Activate the Animation feature to start the blob animation. Once the animation switcher is turned on, adjust the loop, duration, Starting Delay, and Ending Delay time according to your requirements.

Step 4: How to customize the Elementor Blob Shape Widget Style?

Within the Style tab, you have the flexibility to customize the Color, Gradient Color, Shape Width, Height, Opacity, CSS Filters, and Alignment styles to align with your preferences.

Usage Examples

Here are some live use cases for the Elementor Blob Shape Widget. Follow this link to see more Demos.

Step 2: How to Use the Video Playlist Widget

Once you’ve enabled the Video Playlist widget in the element settings, access the Elementor editor for your chosen page. Search for Video Playlist and then drag and drop the widget with the HT badge.

Step 3: How to customize the Elementor Video Playlist Widget?

After adding the Video Playlist widget, navigate to the Content tab, where you’ll find the Layout, and Video List sections. Now, you can proceed to update the layout and Video List content for each Video Item.

Layouts

Within the Layout section, tailor various elements based on your chosen layout option.

• Layout: Tailor your video playlist’s layout by choosing to display the default (Thumbnail, title, and description), only the title, or both the title and description based on your content needs.
• Gallery Height: Adjust the height of your video playlist gallery to find the perfect balance between content visibility and aesthetic appeal.
• Video Autoplay: Toggle the autoplay feature to start playing the first video automatically when the page loads, enhancing user engagement.
• Autoplay Next Video: Decide whether the playlist should seamlessly transition to the next video after the current one finishes playing, maintaining continuous viewer engagement.
• Navigation Buttons: Choose to include or exclude navigation buttons, providing users with manual control to move between videos as they desire.
• Mouse Hover Navigation: Enable or disable mouse hover navigation, allowing users to navigate the playlist by hovering over the video playlist for an interactive experience.

Video List

Within the Video List section, you have the option to include the Video Source, Video Title, Video Description, and Custom Thumbnail. After clicking Add Item, you have the ability to add new video items to your list.

• Video Source: Flexibly incorporate videos from various platforms, including YouTube, Vimeo, Wistia, and Self-hosted sources. This versatile feature enables you to seamlessly showcase videos from different hosting sources, catering to your specific content preferences.
• Video ID: Add the video ID according to your selected video source.
• Video Title: Personalize videos with descriptive and engaging titles for an enhanced user experience.
• Video Description: Provide context and details to accompany videos, offering additional insights.
• Custom Thumbnail: Capture attention with visually appealing Custom Thumbnails, enticing viewers to engage.

Step 4: How to customize the Elementor Video Playlist Widget Style?

Within the Style tab, you have the flexibility to customize the Video List Panel, Video Item, Thumbnails, Title, Description, Video Player styles to align with your preferences.

Usage Examples

Here are some live use cases for the Elementor Video Playlist Widget. Follow this link to see more Demos.

Step 2: How to Use the Video Gallery Widget

Once you’ve enabled the Video Gallery widget in the element settings, access the Elementor editor for your chosen page. Search for “Video Gallery” and then drag and drop the widget with the “HT” badge.

Step 3: How to customize the Elementor Video Gallery Widget?

After adding the Video Gallery widget, navigate to the Content tab, where you’ll find the Video Content, Layout, and Settings sections. Now, you can proceed to update the content for each Video Item.

Video Content

Within the Video Content section, you have the option to include the Video Source, Video Title, Video Description, Filter Label and Custom Thumbnail.

• Video Source: You have the flexibility to incorporate videos from diverse platforms such as YouTube, Vimeo, and self-hosted sources. This feature allows you to seamlessly showcase videos from various hosting sources to cater to your specific content preferences.
• Video Title: Personalize your videos by adding descriptive and engaging titles. The Video Title feature allows you to showcase each video with a distinct and informative label, enhancing the overall user experience.
• Video Description: Provide context and details to your audience using the Video Description option. This allows you to accompany your videos with informative text, offering additional insights, explanations, or highlights related to each video.
• Filter Label: Effortlessly structure and categorize your video gallery by implementing Filter Labels. This functionality allows you to easily sort and group videos based on specific categories, enhancing the organization and accessibility of your video content.
• Custom Thumbnail: Capture attention and convey the essence of your videos effectively with Custom Thumbnails. This feature empowers you to choose or upload a specific image that represents each video, adding a visual element that entices viewers to click and engage with your content.

Layouts

Within the Layout section, tailor various elements based on your chosen layout option. Specifically, in the Grid Layout, you have the ability to control the number of columns and manage the column gap, providing you with a customizable approach to structuring your content.

In the Carousel layout settings, you have the ability to showcase your video items in a slideshow format. Customize the Slide Items, Slider Arrow, Slider Dots, and other features to fine-tune and maintain the settings of your carousel display. This grants you control over the visual presentation and functionality of the carousel, ensuring it aligns with your preferences and enhances the overall user experience.

Once you enable the Slider Arrow option, you have the ability to select the icon for both the Next and Previous buttons in your slider. Customize the appearance of these navigation arrows according to your preferences for an enhanced visual design.

Settings

Within the Settings section, you have the flexibility to personalize various options, including the display video option, button visibility on hover, the option to show or hide filters, and the customization of video title and description settings. Tailor these features to align with your preferences and enhance the overall presentation of your videos on the website.

• Video Show In: Choose how to showcase the video with options for both pop-up and inline displays.
• Button On Hover: Enable the switcher to control the appearance of the popup button when hovered over.
• Filter Show/Hide: Use the switcher to toggle the visibility of video filters on the switcher.
• All Button Show/Hide: Easily decide whether to display or hide the “Show All” button from the filter menu.
• Video Title and Description: Enable the switcher to show or hide the video title and description according to your preference.

Step 4: How to customize the Elementor Video Gallery Widget Style?

Within the Style tab, you have the flexibility to customize the Video Item, Thumbnails, Filter, Popup Button styles to align with your preferences.

After activating the Slider Arrow and Slider Dots options in the layout settings, you gain access to navigation and pagination customization. This allows you to tailor the styles of both the navigation arrows and pagination elements according to your preferences.

Usage Examples

Here are some live use cases for the Elementor Video Gallery Widget. Follow this link to see more Demos

Step 2: How to Use the Flip Carousel Widget

Once you’ve enabled the Flip Carousel widget in the element settings, access the Elementor editor for your chosen page. Search for “Flip Carousel” and then drag and drop the widget with the “HT” badge.

Step 3: How to customize the Elementor Flip Carousel Widget?

After adding the Flip Carousel widget, navigate to the Content tab, where you’ll find the Flip Slides and Settings sections. Now, you can proceed to update the content for each Flip Carousel Item.

Flip Slides

Within the Flip Slides section, you have the option to include the Slide Image, Caption, and Link by enabling the Slide Link switcher.

Settings

In the Settings section, you can customize various aspects such as Slide Image size, Carousel Style, Spacing, Image Caption, Image Link, and toggle options for Navigation, Pagination, and more to manage the carousel settings.

Within the Carousel Style options, you can choose from Flat, Coverflow, Carousel, and Wheel to determine the visual presentation style of the carousel.

After enabling the Navigation option, you can choose the type of navigation icon, deciding between an icon or text, for both the next and previous buttons.

Step 4: How to customize the Elementor Flip Carousel Widget Style?

Within the Style tab, you have the flexibility to customize the Carousel Navigation, Pagination, and Caption styles to align with your preferences.

Usage Examples

Here are some live use cases for the Elementor Flip Carousel Widget. Follow this link to see more Demos

Step 2: How to use the 360 Rotation Widget?

To add the 360 Rotation Widget, search for “360 Rotation” then drag and drop the widget having the “HT” badge.

Step 3: How to customize the Elementor 360 Rotation Widget?

Once you add the 360 Rotation widget, you will see 360 Rotation and Settings section under the Content tab. Now, you can update them from here.

In the 360 Rotation section you can choose the Rotation images.

In the Settings section configure the Play Option, Play Icon, Rotation speed, Shadow Background image and image position as per you need.

Step 4: How to customize the Elementor 360 Rotation Widget Style?

In Style tab, you can update 360 Rotation Box and Button Style according to your needs.

In the Box Style section, you can update Box Height, Border, Padding and Typography as you prefer.

In the Copy Button section, you can update the Button Color, Typography, Background, Border, Border-radius, Padding, Button Position, Button Hover Color and Background.