/ Plugin Category

/ Design & Themes

/ Themes & Templates

/ Animated Typed JS Shortcode

Animated Typed JS Shortcode

By Yong

Design & Themes / Themes & Templates

Reviewed by Omar Dabbas

Trusted WordPress expert with 20+ years of experience evaluating plugins for the WP ecosystem.

Animated Typed JS Shortcode Review - In-Depth Analysis

Create an animated typing effect with Typed JS using a simple shortcode. No settings required, just plug and play.

Performance Overview

WPS Score

6.9/10

User Rating

4.3/5 (based on 6+ reviews)

Active Installations

1,000+

Update Frequency

Below Average It is calculated using the weighted average of same category plugins.

Security Score

5 / 10 (Medium Risk) It is calculated using the weighted average of all versions.

What It Does

Create an animated typing effect with Typed.js easily.

Just install and activate the Animated Typed JS Shortcode plugin and you can start using [typedjs][/typedjs] shortcode to create your animated typing text.

No settings needed just plug and play.

You can use the shortcode just like this: [typedjs]My animated typing text[/typedjs]

To show more than 1 string/text, separate the strings with a double colons (::) like this: [typedjs]My animated typing text::It's freaking awesome![/typedjs]

If you want to customize your animated text behaviour, you can use shortcode attributes to do that like this: [typedjs loop=true]My animated typing text::It's freaking awesome!::It's now looping, OMG![/typedjs]

Here are the list of all available attributes that you can use:

typespeed : The text typing speed in milliseconds (default: 50)
startdelay : Delay time before typing start in milliseconds (default: 500)
backspeed : Backspacing speed in milliseconds (default: 50)
backdelay : Time before backspacing in milliseconds (default: 500)
smartbackspace : Only backspace what doesn't match the previous string (default: true)
shuffle : Shuffle the strings (default: false)
fadeout : Fade out instead of backspace (default: false)
fadeoutdelay : Time before fade out in milliseconds (default: 500)
loop : Loop strings animation (default: false)
loopcount : Amount of loops if enabled (default: Infinity)
showcursor : Show/hide cursor (default: true)
cursorchar : Character to be used as cursor (default: |)
class: Custom class for the shortcode element (default: )

The typed.min.js is only 12KB, in the previous version I tried to load the script only when the shortcode is used, but it's not working properly because the script is loaded asynchronously. So, I decided to load the script in the footer of the page to make sure it's loaded properly.

However, if you want to load the script only on specific pages, you can use this hook to enqueue the script only on specific pages:

add_action('wp_enqueue_scripts', 'my_custom_typedjs_script'); function my_custom_typedjs_script() { if ( ! is_page( 'my-page-slug' ) ) { wp_dequeue_script( 'typedjsshortcode' ); } }

This will dequeue the script on all pages except the page with the slug my-page-slug.

Thanks to Matt Boldt for creating this cool library Typed.js!

Comparing to Alternatives

Animated Typed JS Shortcode offers animated typing effects similar to other plugins in this category, providing a lightweight and functional solution for adding dynamic text animations.

Top alternatives

Strengths

Lightweight and free to use
Easy to install and use with shortcode attributes
Compatible with popular themes like Divi
Provides a faithful port of Typed.js functionality
Includes several extra features beyond basic typing effects

Weaknesses

Has a known security vulnerability fixed only in version 2.1
Reported issue where animations only work for logged-in users
Limited support availability noted by some users
No pro version with extended features available

User Sentiment Analysis

With a high rating of 4.3 out of 5 from 6 users, most reviews praise the plugin's functionality and ease of use, though a minority report significant issues.

Positive highlights

'Does what it say’s on the tin.' — Lewis Elborn
'Works perfectly, a nice lightweight (and free) solution.' — dtjb
'Worked excellent in Divi theme.' — davidacardona
'Very cool and nice port of Typed.js to WordPress!' — Dieter Geiling
'Simple to install and use with many shortcode attributes.' — Renzo Bassi

Common complaints

Only works when logged in; non-logged-in users see nothing

Weaknesses

Known stored cross-site scripting vulnerability fixed in version 2.1
Lack of support for some users experiencing issues
No updates or fixes mentioned for the login-only display problem

Who Should Use This?

Best for

Users seeking a lightweight, free plugin to add animated typing effects with shortcode flexibility, especially those using themes like Divi.

Not ideal for

Sites requiring robust security assurances or those needing guaranteed functionality for all user roles without login, as some users report display issues for guests.

Pricing & Value

Free version includes

The free version offers a fully functional animated typing shortcode with multiple attributes and compatibility with various themes.

Final Verdict

Animated Typed JS Shortcode is a solid choice for users wanting simple, effective animated typing effects without cost. It is praised for ease of use, lightweight design, and compatibility with popular themes, making it a valuable tool for many WordPress sites.

However, potential users should be aware of a past security vulnerability and reports that the animation may not display for non-logged-in users. Those needing guaranteed security and full guest functionality might consider alternatives or ensure they use the latest fixed version.