Convert more with Thrive Architect by using animations

​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

​​​Learn to build Thrive ​Leads opt-ins like this​ one

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 ​animate​s 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 ques​tions answered


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

  • January 31, 2020

Denis Ethier

Thrive Themes Designer, Integrator and Consultant.