How to create a review gate for Avada Form

Create the avada form.

Add in the rating field. Change the field CSS class to “autosubmit-rating input”
Add in a container, change the container CSS class to “clickable-form-element”

Add in a code block, with this script.

Copy to Clipboard

$(document).on('input', '.autosubmit-rating input', function() {
var rating = $(this).val();

// Reset timer and interval if user changes rating
clearTimeout(redirectTimer);
clearInterval(countdownInterval);

var secondsLeft = 3;
$('#countdown-timer').text(secondsLeft);

if (rating == 5) {
// Show the Avada container
$('.clickable-form-element').fadeIn(300);

// Start the 1-second countdown interval
countdownInterval = setInterval(function() {
secondsLeft--;
$('#countdown-timer').text(secondsLeft);
if (secondsLeft <= 0) clearInterval(countdownInterval);
}, 1000);

// Set the 3-second redirect
redirectTimer = setTimeout(function() {
window.location.href = "https://g.page/r/CRaTzYPx90NtEBM/review";
}, 3000);

} else {
// Hide container if rating is changed to 1-4 stars
$('.clickable-form-element').fadeOut(200);
}
});

// Allow instant click on the container
$(document).on('click', '.clickable-form-element', function() {
window.location.href = "https://g.page/r/CRaTzYPx90NtEBM/review";
});

})(window.jQuery);
}
});
</script>

By Zoom N. DangPublished On: January 7th, 2026Categories: Uncategorized0 Comments

How to create a review gate for Avada Form

About the author : Zoom N. Dang

Leave A Comment Cancel reply

Recent Posts

Recent Works

Categories

Archives

How to create a review gate for Avada Form

Share This Story, Choose Your Platform!

About the author : Zoom N. Dang

Related Posts

Build-A-Bear’s Strategic Turnaround

Leave A Comment Cancel reply

Recent Posts

Recent Works

Categories

Archives