TypeFocus: Grab Your Visitor’s Attention the Easy Way

Hanne   198

Updated on January 7, 2020

Getting your visitors to pay attention and actually read your message is one of the most important but also one of the most difficult things to accomplish on your website.

The new TypeFocus feature will help you grab attention in a highly effective way.

Watch the video and check out the examples below to see TypeFocus in action.


Want More Subscribers? We Can Help!

The TypeFocus text animation gives you the impression that somebody is typing in real time on the website.

This will not only get the visitors to read your message, but it will also allow you to say more without cluttering your website.

The TypeFocus feature allows you to add a text animation on ANY text that you can edit with the Thrive Content Builder.

This means that you can use it in blog posts, on a homepage, sales page, squeeze page or any other landing page and even in your opt-in forms.

It's great for emphasizing a message as well:

Yes on ANY text including: Your Sales Pages

This TypeFocus feature is now at your disposal in the latest version of Thrive Content Builder and Thrive Leads.

Big companies such as ActiveCampaign are using this animation on the title of their homepage and now itโ€™s your turn to test it on your website to boost your conversion rates!

Any thoughts or questions? Please let us know in the comments below.

by Hanne  November 3, 2015


Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

Enjoyed this article ?

You might also like:

Leave a Comment

    • That’s good to hear! We’ve got more updates like these coming in rapid succession, in the next few weeks. ๐Ÿ™‚

    • Thank you very much, Cartess! I can’t take credit for this one, though. It was created by our brilliant developers and Hanne made the video and post. I was just watching the show. ๐Ÿ˜‰

  • Hi Shane, I immediately liked the idea when I saw it. But on my mobile it’s driving me crazy. The whole post is jumping up and down constantly. Anything that I can do to prevent that from happening when using this technique? Thanks!

  • Hey this is awesome… however, what would be EVEN BETTER and more relevant would be to get your on-page(embedded) optin forms to submit in the background without redirecting, just give a success message. It really throws people off to be redirected after optin

    • Hello Jesse,

      I’m not entirely sold on this idea. I have this written down as a feature idea, but I’m not sure if we’ll move ahead with it.

      The thing is: redirecting someone after the opt-in is a big advantage, because it helps you direct the attention of your new subscriber. You can make sure they confirm their email address, you can communicate expectations clearly, you can use it for personal branding, you can redirect to an upsell…

      Keep them on the same page and you’re just increasing chances that they’ll forget who you are by the time they see your next email and mark it as spam.

  • Very cool. I like it a lot. But as this page demonstrates, moderation in use is probably a good idea. Having two lines of text changing themselves at the same time is hard on the brain.

    • Yes, I recommend using this for the main headline and only once per page. We added it more here, for demonstration purposes.

  • Hey Hanne and Shane,
    There is a need for a different style of webpage / landing page. How can I contact you best to get the idea to you and why I think it has value to invest time into it?
    Thank you for everything,

  • Blimey! 3 hours ago I was trying to animate some text and discovered I couldn’t do it. I thought “That’s a feature I think I’ll suggest in the Thrive forums”… then 15mins ago I checked my email and got sent here… how’s THAT for fast service ๐Ÿ˜‰ Love how you guys just keep adding to the awesomeness ๐Ÿ˜€

  • Great presentation Hanna, I will try this FOR SURE (in moderation of course), I would like to know HOW to place this in an email LIKE YOU did ? Is it a gif?

  • Totally awesome! I can reallyl use this right away! I love Thrive Themes and your no hype approach to marketing, just real world grounded tools.

    Thank you, Shane and your team!

  • Amazing new feature! Some points to consider:
    1) does it support responsive design (smartphone, tablet, etc.)?
    2) how is the effect on SEO headlines (h1-tag) etc.?
    3) which minimal technical setup is needed to show it to visitors of the website? (browser-setup)

    • Hello Jonathan,

      1) Yes, it’s fully responsive.
      2) The text you have in a TypeFocus animation is invisible to a search engine.
      3) I don’t know, but it’s safe to assume that practically all of your visitors will see it.

  • Nice but how do you UNDO it if you want to fix it. I saved it and now it needs some help as I did it incorrectly.

  • Shane, can this be programmed to happen only once?

    And can it be set to trigger only when it’s in the viewport?

    And can it be set to trigger only if the page has not scrolled for x seconds?

    (This is an amazing feature, but could quickly turn into the ‘blink’ tag from days of yore.)

    • No, no and no. Although we’re working on the second one. I think you’re probably overthinking this. ๐Ÿ™‚

      • I want to add that being able to turn off the loop feature turns this from annoying to regular readers to actually really cool. Tx.

    • I second that.
      This is indeed a very interesting effect, however, I might need some time to figure out how to put it to good use and really make it work to direct the readerโ€™s attention and not overload it. I think that repeating the effect in a loop is distracting on a post or a page with a lot of text. The option to animate it ONCE, however, would make it more similar to the animated counters effect (which is great).

      Definitely worth experimenting with. Thank you!

    • I agree Tom, would like to have the possibility to stop the loop.
      Can easy be annoying with “blinking” texts.

  • Also it would be great if it had a mode where it didn’t type at all, but simply highlighted a phrase once the phrase was in the viewport for x tenths of a second.

  • Really Really Cool ๐Ÿ˜€ i hope you guys just enhance the progress bars functionality! Thanks for the awesome tools

    • Thanks, Diogo.

      The data elements do have some improvements coming down the line, but it’s not a high priority task compared to some of the other goodies we’re working on.

  • First of all I love it, But I have updated my content builder plugin to version : 1.101.13 and i don’t have the TypeFocus feature … did I miss something?

    • Hello Hafiz,

      To change the color, select the text and apply the color you want first. Then activate TypeFocus and all variations will be shown in the custom color you set before.

    • Thank you, Christoph. That’s the idea, yes. We want to make sure that you have an edge over your competitors by using Thrive products.

  • That looks great and I’m going to try it out right now!

    Q or thought: It would be great if there was a way to isolate that part of the copy to type out and make it the only thing on the screen, then be able to bring the full screen back. The latter choice could be all the screen immediate or a screen effect like a fade in.

    I’m no programmer but that was the first thought to come to mind.

    Thanks for your constant updates. It’s made me a fan of the product and of yours.

    • Thanks for your suggestion, Tom! It would be challenging to make something like that easy to implement and universally applicable… not sure if we can do that.

  • My only comment would be for the animation to turn off once you scroll past it. Reading this post on a mobile device, the animation causes the page to continually jump around and it is almost unreadable.

  • Absolutely awesome Shane. The mind boggles at the uses. Would be great to see how it’s being used across the Thrive community.

    • Hello Joe,

      Please post about this issue in the support forum, so we can get it sorted out for you.


  • Great idea and I love thrive. But I see one issue that the whole page keeps jumping up and down with the text being written.

    Is there a way to stop it working when you scroll by it?

    • Hello Steve,

      If you can’t access the feature, please post about it in the support forum, so we can help you out.


  • Agree with:
    The option to animate it ONCE, however, would make it more similar to the animated counters effect (which is great).
    Great to see you continue to add value, keep it coming!

    • Hello Stuart,

      No, there’s no option for that. You can use Camtasia Studio to record your screen with this animation running and then turn that recording into a GIF.

  • Shane! As Hafiz pointed out, I love your notifications on the facebook page. I look forward to it each time and wait for new features! ๐Ÿ™‚

  • What an awesome new feature! Thank you, thank you, thank you for continuously improving on already awesome products. Shane, you and your Team are a class act.

  • Once again, this is a great new feature to get your visitors attention, if you use it very targeted. To not blow out this great effect, i think its worth to add some more control, such as
    + don’t animate before it came into viewpoint
    + option to animate it only once versus endless

  • Hi This is awesome. I tried it out immediately. It does give some kind of error with a square instead of a letter. I tried to solve it in the backend, but nothing there.

  • Love you guys’ innovation as always Shane, but like so many others on this thread…., I also truly feel this needs to be able to adjust the repetitions – in everybody’s case as people have said – ONCE.

    Having no control over the loop will make me personally not want to use it. Constant looping will really annoy my visitors I feel.

    Otherwise as always, you guys rock and continue to do so!