Convert more with Thrive Architect by using animations

Disclosure: This site contains some affiliate links. We might receive a small commission at no additional cost to you.

Last updated: April 26, 2021

Animations can be a great way to draw our visitors' attention.

Thrive Architect has multiple elements that can be used to design highly attractive opt-ins.  

Here are 5 examples.

Example 1: Thrive Architect Fill Counter

This first example is using the Fill Counter.  Colors and styling has been applied.

have shown interest

Increase your conversion rates

Join 800+ people interested in a Thrive Architect course.  Be notified when it's released.

Example 2: Thrive Architect Progress Bar

The progress bar element animates and reveals some information.

Learn to build Thrive Leads opt-ins that convert

Join 800+ people

Example 3: Typefocus animation

The text element has a feature called the TypeFocus animation. Here's an example showing this "typing" effect.

Learn how to grab attention with simple techniques.

Join 800+ other people that are interested in a course

Example 4: Make almost anything wiggle with CSS

If you are familiar with CSS, you can use a css class to animate almost anything like this.

Join 800+ People interested in our Thrive Themes courses

Here's a CSS Class you can use.

.wigglebutton {
    -webkit-animation: btnWiggle 4s infinite;
    -moz-animation: btnWiggle 4s infinite;
    -o-animation: btnWiggle 4s infinite;
    animation: btnWiggle 4s infinite;

Example 5: Background Section with Video Background.

Youtube videos can be a source of animated background too. You can set it on a background section.


Finally get your Thrive Architect's questions answered


We are building courses about Thrive Architect and Thrive Leads, if you are interested, join our mailing list.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
Success message!
Warning message!
Error message!