Black Friday | Supreme Bundle $353 lifetimeSave $96. Single plugins 30% off with code BF2026.
00Days00Hrs00Min00Sec

Get the deal

Animated Headline module

Divi Animated Headlines thattype themselves.

Animated Headline for Divi 5. Keep the start of a heading still, swap the key word with one of 10 effects, and keep the right HTML tag for SEO.

divisupreme.com

We build websites fordentists.

Fast Divi sites, launched in four weeks.

What is the Divi Animated Headline module?

Animated Headline is a Divi 5 module in Divi Supreme Pro that keeps part of a heading still and animates a list of words in and out. Write a prefix, the rotating words and a suffix, then pick from 10 effects: Type, Clip, Loading Bar, Slide, Push, Zoom, Scale and three Rotate styles.

Every word stays real text inside the HTML tag you choose, so the whole heading is readable by search engines. Use it for agency heroes ("We design for…"), SaaS headlines, restaurant specials, sale banners and portfolio intros.

animation effects

HTML tags

styleable parts

custom code

Start from an Animated Headline recipe.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

We design for foundersstartupslocal shops

Try every Animated Headline setting.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Everything Animated Headline can do.

10 effects

Rotate 1, 2 and 3, Type, Loading Bar, Slide, Clip, Zoom, Scale and Push.

Prefix, words, suffix

Keep text still before and after the animated words.

Timing in milliseconds

Animation Delay, Letters Delay and effect-specific durations.

SEO-safe HTML tags

Output as h1 to h6 or div. Every word stays real text.

Style each part

Font, background, spacing, border and shadow for prefix, words and suffix.

Divi 5 native, WPML ready

Dynamic content in every text field, translatable with WPML.

Animated Headline documentation

Setup for Divi 5: words, effects, timing and styling each part.

Questions about Animated Headline.

What is the Divi Animated Headline module?

A Divi 5 module that keeps part of a heading still and swaps a list of words in and out. You write a prefix, the animated words and a suffix, then pick an effect.

How many animation effects are there?

Ten: Rotate 1, Rotate 2, Rotate 3, Type, Loading Bar, Slide, Clip, Zoom, Scale and Push.

How do I add rotating words to a Divi heading?

Add the module, type the static words in Prefix and Suffix, then add one word or phrase per item in Animated Headline Text.

How do I make a typing effect headline?

Set Effects to Type. Letters Delay sets the typing speed, Type Selection Duration sets how long the word stays selected, and Bar Color, Text Highlight Color and Text Color style the selection.

How long does each word stay on screen?

Set Animation Delay in milliseconds. A higher number keeps each word on screen longer.

Is the animated headline good for SEO?

Yes. Set HTML Tag to H1 to H6, or div. Every word is real text in the page, so search engines read the full heading.

Does Animated Headline work with Divi 5 and WPML?

Yes. It is a native Divi 5 module, and the prefix, words and suffix can be translated with WPML.

Next module, A to Z

Before After Slider Module

Related modules

Typing Effect Module

Headlines that type themselves out.

Text Rotator Module

Swap words in a headline on a loop.

Animated Gradient Text Module

Moving gradient fills for any heading.

4.9 out of 5

Rated 4.9 by Divi designers on Trustpilot. Running on 350,000+ sites.

Give your headline something to say.

Animated Headline comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.

Divi Supreme