Elementor News Ticker: Keep Offers and Headlines in Motion

October 6, 2026
·
Shahidul Islam
News ticker with Elementor: scroll, slide up, slide down and slide left strips

Most visitors never scroll to the announcement bar you spent an hour writing. The offer ends Friday, the shop is closed on Monday, the new post went live at nine. None of it reaches the person who is reading the page right now. A news ticker fixes that by putting one live strip in the same spot on every page, so the newest message is always the first thing in view.

Sky Addons Pro ships a News Ticker widget for Elementor that does this without a slider plugin, a shortcode or a line of custom code. You type the messages, or point it at your latest posts, choose how they move, and style the strip until it looks like part of the site. This article explains where a news ticker earns its space, what separates a good one from a distracting one, and how to build yours in about ten minutes.

Where a news ticker earns its space

A ticker works when the message changes and the reader benefits from seeing it. It fails when it repeats the same slogan. These are the places it pays off most.

  • Online shops. Shipping cut-offs, sale end times and back-in-stock notices sit above the header and follow the shopper from page to page.
  • News and magazine sites. The latest headlines run along the top, each with a category prefix and a small thumbnail, so returning readers jump straight to what is new.
  • Sports clubs and event organisers. Fixtures, results, ticket releases and schedule changes belong in a strip that people expect to move.
  • Service businesses. Holiday opening hours, a fully booked week or a price change reach every visitor without a pop-up.
  • Membership and course sites. Cohort start dates, live session reminders and new lessons stay visible while people browse.
  • Non-profits and public bodies. Closures, deadlines and appeals need to be seen once by everyone, not buried in a blog.
News ticker with Elementor: scroll, slide up, slide down and slide left strips
Four ticker strips built from one widget: scroll, slide up, slide down and slide left, each in its own colours.

News ticker versus the usual approach

Most sites solve this with an announcement bar from the theme, a hand-edited text widget or a general slider. The table shows where each falls short.

Theme announcement barSlider pluginSky Addons News Ticker
Multiple messagesUsually oneYes, as full slidesYes, in a single thin strip
Latest posts, automaticNoRarelyYes, from a post query
Movement stylesNoneSlide or fade8 effects, including two marquees
Label, prefix, date, thumbnailNoManual layoutBuilt in per item
Styling controlLimitedHeavy setupColours, spacing and type per part
EditingTheme settingsSeparate pluginInside the Elementor editor

The features that decide whether it works

Two ways to fill it. Choose the default repeater to write each message by hand, or switch the content source to Dynamic Posts to pull the newest posts from any query. Manual is right for offers and notices. Dynamic is right for a newsroom, because the strip updates itself when you publish.

Every item can carry more than a sentence. Each entry has a prefix such as “Sports” or “Offer”, a date, the text, a thumbnail, an icon and a link. Dynamic posts let you tick which parts to show: thumbnail, category, date and title. The result reads like a real headline feed, not a line of plain text.

Eight ways to move. Slide Left, Slide Right, Slide Up, Slide Down, Fade and Flip change one message at a time on a timer. Marquee Left and Marquee Right scroll continuously. You set the marquee speed, the transition speed and the delay between messages in milliseconds, so a slow bulletin and a fast scoreboard are both possible.

A label that anchors the strip. The ticker label (“NEWS”, “LIVE”, “OFFER”) sits at the start of the bar in its own colour and padding. It tells the reader what the strip is before they read a word.

Arrows and hover control. Previous and next arrows are optional and can use your own icons. The strip pauses when the pointer rests on it, and you can decide whether interaction stops autoplay for good. The bar height, colours, link hover colour and thumbnail size are all controls, not CSS.

Elementor news ticker: ticker strips in different colours, with labels, prefixes and thumbnails
Colours, labels and thumbnails are all yours: five ticker styles from the same widget.

Using Dynamic Posts well

Dynamic Posts is the setting that turns a news ticker from a chore into an automatic feature, so it deserves a little care. The Query section decides which posts appear and how many, so a publisher can run one ticker for the whole site and another that shows only a single category. Choose the parts to show with the Item Content field, and keep it to two or three: a category and a title read cleanly, while adding a date and a thumbnail as well makes each entry wide and shortens what fits on a phone.

If you want editorial control over the order, use the repeater for the top three stories and keep a second, dynamic ticker on the archive pages. Readers get a curated bar on the home page and a live one where you would rather not maintain it.

How to build a news ticker in six steps

  1. Add the widget. Open the page or, better, your header or footer template in Elementor and drag the News Ticker widget into a full-width container.
  2. Pick the content source. Use Default Repeater for a handful of announcements, or Dynamic Posts to show your newest articles.
  3. Write the items. Give each message a prefix, the text and a link. Add a date or thumbnail only if it helps the reader, not because the field is there.
  4. Choose the animation. Slide Up or Fade suits short offers. Marquee Left suits a long list of headlines. Set the delay so a message stays on screen long enough to be read twice.
  5. Style the strip. Set the label colour and the background first, then the text and hover colours. Keep contrast high: white on a dark bar or dark on a bright one.
  6. Place it and test. Put the ticker in a template so it appears sitewide, then check it on a phone. On narrow screens the long text truncates, so keep the first words meaningful.
News ticker on desktop and on a phone
The same bar on desktop and on a phone: the label and arrows stay, the message truncates.

Why a news ticker keeps working after launch

Because the content lives in one widget, one edit updates every page that uses the template. A shop owner changes “Free delivery until Sunday” to “Free delivery until Wednesday” in one place. A publisher who chooses Dynamic Posts never edits the strip at all: each new article appears on its own.

The strip also earns clicks without demanding attention. It is thin, it sits where readers already look, and it only moves when there is something new to say. That is a better trade than a pop-up that covers the page.

A news ticker is not the place to say everything. It is the place to say the one thing a visitor would be sorry to miss.

Getting it right

  • Keep messages short. Aim for a phrase, not a paragraph. If a message needs more, link it to a page that has the detail.
  • Limit the count. Three to six items is enough. A long rotation means most messages are never seen.
  • Mind the motion. Constant movement can distract or be hard to read. WCAG asks that moving content lasting more than five seconds can be paused, stopped or hidden, so see the W3C guidance on pause, stop, hide before you choose a marquee.
  • Link every item. A headline that cannot be clicked is a missed visit. Send each one to the page that answers it.
  • Use one ticker per page. The demo page runs 21 tickers to show range. Your site needs one.
A gradient news ticker, a dark ticker with a label, and a scrolling menu strip
Range in one widget: a gradient strip, a dark editorial bar and a scrolling strip of links.

How a news ticker fits your design

The strip does not have to be a red “breaking news” bar. Make the background transparent and the text small for a quiet notice. Choose a bold label and a bright bar for a sale. Swap the arrows for your own icons, or turn them off for a pure marquee. Because every part is a control, the ticker can match a minimalist brand as easily as a busy magazine.

It also works as more than a message bar. A row of links, such as new widgets or popular categories, becomes a scrolling navigation strip. Dynamic posts turn it into a related-articles bar. The widget adapts to what you give it.

Elementor news ticker: scroll, slide up and a styled label
On a phone the message shortens and the label and arrows keep their place.

News ticker: common questions

Is the news ticker widget free?

No. News Ticker is a Pro widget. See Free vs Pro for the full split between the two plugins.

Do I need another plugin?

No. The ticker runs on Swiper and needs no slider plugin. The Dynamic Posts source uses a standard WordPress query, so it works with the posts you already have.

Will it slow my site down?

The strip is one small widget that uses Swiper for movement. If you place it in a header template, test the page once, as you would with any sitewide element.

Does it work on mobile?

Yes. The bar is responsive, and you can hide the arrows or lower the height for phones. Long messages truncate, so put the important words first.

Can it show my latest blog posts automatically?

Yes. Set the content source to Dynamic Posts, choose the query and tick which parts to show: thumbnail, category, date and title. New posts appear without any edit.

The short version

A news ticker puts your newest message in front of every visitor without taking a slot in the layout. Sky Addons Pro gives you two content sources, eight movement styles and full control of the label, text and colours. Build one strip, place it in a template and let it work on every page.

Next steps: see the live demo, read the News Ticker documentation, compare plans and pricing, or read how we handle live social content with the Instagram Feed widget. For a moving, scroll-driven layout, see Horizontal Scroll. The strip animation comes from Swiper.

Written by
Shahidul Islam
Writes about the work behind the widgets — what shipped, why, and what it cost.
Share
In this post

More from the journal

Elementor News Ticker: Keep Offers and Headlines in Motion

Elementor News Ticker: Keep Offers and Headlines in Motion

A news ticker for Elementor that rotates offers, notices or your latest posts in one live strip, with 8 movement effects. A Sky Addons Pro widget.
Elementor Step Flow: Show What Happens Next Before They Ask

Elementor Step Flow: Show What Happens Next Before They Ask

The Elementor step flow widget turns a process into timed steps with icons, badges and arrows, one card at a time and styled your way. Free to use.
Elementor Content Switcher: Let Visitors Choose the Version That Fits Them

Elementor Content Switcher: Let Visitors Choose the Version That Fits Them

The Elementor content switcher toggles two or more views in one section: monthly or yearly, solo or team, with fade or slide and deep links. Free to use.

Comments are closed.