On many news sites or content platforms, you may see a video that automatically appears in the bottom right corner of the screen. This video is called a "sticky video" because it automatically appears in the corner of the screen as the user scrolls down the page. By addingSticky Videothat can boost the exposure and views of the video.
What you need to prepare before making a sticky video
Here's what you need to have in place before you start making sticky videos:
- Elementor Plugin: For editing pages and creating video effects.
- Essential Addons for Elementor Plugin: This plugin contains the sticky video module.premium versionEnjoy more features.
- Article Posting Privileges: Need to be able to freely edit articles and embed video modules.
Step 1: Editing a Page with Elementor
First, edit the page using Elementor. This can be found in the WordPress backend where you need toEdited pages or articlesand click on "Using Elementor Editors" button to enter the Elementor editing interface.
Step 2: Add a sticky video block
By default, Elementor does not provide a sticky video block, so it is necessary to Essential Addons for Elementor Plug-ins.
With this plugin, access more modules and widgets, including sticky video blocks. Follow the steps below:
- In the Elementor editing screen, click the widget search bar in the upper left corner.
- Type "Sticky Video" and select the Sticky Video module from the results.
- Drag the module to the appropriate place on the page.
It is recommended to place the video module near the top of the article as the video will automatically float to the bottom right corner when the user scrolls the page. If you place the video at the end of the article, the sticky video effect may not trigger.
Step 3: Customize Sticky Video Blocks
Once you have finished adding the base block, you can make further adjustments. To make the video play automatically when the page loads, make the following changes in the module settings:
- Click on the video block and select "Sticky Options".
- In the Video tab, configure the following settings:
- source (of information etc): Select the source of your video (e.g. YouTube).
- link (on a website): Enter the video link.
- autoplay: Select "Yes" to automatically play the video.
- loop: Select "Yes" to have the video automatically replay at the end.
- Auto Mute: Autoplay videos are usually muted by default to ensure user experience.
- Display Controls: Hide the playbar to simplify the user interface.
At this point, your sticky video module should be equipped with features such as autoplay, mute, and loop to ensure that users get the best viewing experience.
Step 4: View live page results
As a final step, publish and preview your page. Verify that the sticky video effect appears and plays as expected when the user scrolls the page. If everything is set up correctly, you should see the video block float to the bottom right corner of the screen as the page scrolls and continue to play as it scrolls.
Advantages and application scenarios of sticky videos
Sticky videos not only increase the number of times a video is viewed, but also continue to hold users' attention as they browse other content, making them suitable for promoting advertising videos, news videos, or other content that needs to be displayed frequently.
Summary:
Sticky videos are an effective way to boost user engagement, especially for sites that need to increase video exposure or promote the distribution of specific content. This is accomplished by Elementor cap (a poem) Essential Addons for Elementor plugin, which makes it easy to implement this feature on the WordPress platform.Follow us to learn more about building websites!