Module 71 of 71

Divi Typing Effect writes your headline live.

Typing Effect for Divi 5. A typewriter that types, deletes and loops through your phrases, starting when it scrolls into view.

Get Divi Supreme Pro Open the playground

We build

What is the Divi Typing Effect module?

Typing Effect is a Divi 5 module in Divi Supreme Pro that types a list of phrases into a headline, one character at a time, like a typewriter. Use it for hero headlines, the services you offer, the audiences you serve, short code snippets and personal intros.

Add the phrases to Typing Effect Text and the fixed words to Before Text and After Text, each optionally on a new line. Set the Typing Speed, Typing Backspeed and Back delay, loop forever or stop after the last phrase, shuffle the order, fade out instead of deleting and pick your own cursor character. It starts when the heading is in view and can repeat every time it comes back.

default typing speed

default backspeed

default back delay

default viewport trigger

Start from a Typing Effect recipe.

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

Try every Typing Effect setting.

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

Everything Typing Effect can do.

Any number of phrases

Add, reorder and remove phrases in the Typing Effect Text list.

Before and after text

Fixed words around the typing, each optionally on its own line.

Speed and delays

Typing Speed, Typing Backspeed and Back delay, all in ms.

Loop or stop

Loop forever, or stop on the last phrase and remove the cursor.

Shuffle and fade out

Type the phrases in a random order, and fade them out instead of deleting.

Your cursor

Pick any Cursor Character and colour, or none at all.

Starts in view

Animate in Viewport, with an option to repeat each time it is seen.

Typing Effect documentation

Step-by-step guide to typing phrases, speeds, looping, shuffle and the cursor.

Read the guide

Need help? Contact support

Questions about Typing Effect.

How do I add a typewriter effect to a Divi heading?

Add the Typing Effect module, type the fixed words in Before Text and add each phrase to Typing Effect Text. The phrases are typed one after another, and the list loops by default.

How do I change the typing speed?

Set Typing Speed (in ms), 100ms per character by default. Typing Backspeed (in ms) sets the deleting speed (50ms by default), and Back delay (in ms) sets the pause before deleting (700ms by default).

Can it type once and stop?

Yes. Turn off Use Loop and the last phrase stays on screen. Then turn on Remove Cursor After Completed to hide the cursor at the end.

Can the phrases appear in a random order?

Yes. Turn on Use Shuffle and the order changes each time.

Can the text fade out instead of being deleted?

Yes. Turn on Use Fade Out and each phrase fades away instead of being backspaced.

How do I put the typing on its own line?

Turn on Typing Text On a New line to move it under the Before Text. After Text On a New line does the same for the After Text.

When does the typing start?

When the heading scrolls into view. Animate in Viewport sets how much must be visible (80% by default), and Repeat Animation in Viewport, on by default, starts it again each time it comes back into view.

Can I change the cursor?

Yes. Cursor Character is "|" by default and accepts any character. The cursor colour is in the Design tab.

Back to the first module

Advanced Tabs Module

Related modules

Text Rotator Module

Words that rotate in place.

Animated Headline Module

Typing, rotating and highlighted headlines.

Shuffle Letters Module

Letters that shuffle into place.

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

Read reviews →

Let your headline type itself.

Typing Effect comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.

Get Divi Supreme Pro See all modules