Add a News Ticker reader in Elementor

News Ticker for Elementor 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

Using 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

2 thoughts on “Add a News Ticker reader in Elementor”

  1. Hi, on a maintenace site setting, building the pages, how do i get the rss results visible? Once, live, I want to always have a hidden page with rss results to check feed before it is authorised for live publication. How, if i cannot see the results in maintenance mode, do i see results?

    Reply
    • Hello,
      I don’t know how you switch your site to maintenance mode, if it’s code in the ‘functions.php’ file or with a plugin,
      check that maintenance mode is only active for unlogged in users.
      This will allow you to check the content of your feeds before formal publication.
      It doesn’t work by adding the ‘.maintenance’ file under the root of your site.
      Rgds

      Reply

Leave a Comment