Add a News Ticker reader in Elementor

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.

Table of Contents

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.

News Ticker icon

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.
News Ticker RSS feeds list

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.
News Ticker settings

Apply styles to elements

You can choose a style from 11 predefined styles or create your own.
News Ticker style global
Each element corresponds to a section in which you will define the font, the color of the text and other formatting elements.
News Ticker style title

Leave a Comment