News Ticker for Elementor free version is a new component that will allow you to display your favorite news feeds continuously in a single line on the screen like TV channels to highlight breaking news.
With this tutorial you we’ll show you how to add a scrolling news ticker in Elementor and you will be able to enter a list of feeds and configure the behavior of the component.
Accessibility for news ticker widget
Tab / Shift-Tab keyboard keys to move between buttons Backward feed / Start reading / Stop reading / Forward feed
Enter / Space keyboard keys on buttons to trigger related action
aria-label text to explain the action relating to the buttons
aria-controls to identify the HTML tag whose contents are controlled
Activate the component News Ticker
The plugin Elementor is installed and active.
The plugin EAC components is installed and active.
From the settings panel (EAC advanced) you have to drag & drop the ‘News Ticker‘ icon on the panel preview.
Add RSS feeds and set settings
You can add as many streams as you want.
For each feed enter a title and the corresponding URL.
- Support RSS/ATOM feeds,
- Youtube Playlist and Channel streams,
- Vimeo User and Channels streams
- Podcast and videocast.
In the settings section, you will be able to define the number of posts per feed you want to display, the scrolling speed of the title of the articles and the number of loops of the content before loading the next feed.
- Define the direction Left/Right for the display,
- the publication date,
- automatic or manual loading of the feed on opening the page,
- show Forward/Backward buttons with which you can force feeds to load.