{"id":13469,"date":"2026-01-07T02:23:46","date_gmt":"2026-01-07T02:23:46","guid":{"rendered":"https:\/\/zoomdang.com\/?p=13469"},"modified":"2026-01-07T02:27:14","modified_gmt":"2026-01-07T02:27:14","slug":"how-to-create-a-review-gate-for-avada-form","status":"publish","type":"post","link":"https:\/\/zoomdang.com\/index.php\/2026\/01\/07\/how-to-create-a-review-gate-for-avada-form\/","title":{"rendered":"How to create a review gate for Avada Form"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1216.8px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><p>Create the avada form.<\/p>\n<p>Add in the rating field. Change the field CSS class to &#8220;autosubmit-rating input&#8221;<br \/>\nAdd in a container, change the container CSS class to &#8220;clickable-form-element&#8221;<\/p>\n<p>Add in a code block, with this script.<\/p>\n<\/div><style type=\"text\/css\" scopped=\"scopped\">.fusion-syntax-highlighter-1 > .CodeMirror, .fusion-syntax-highlighter-1 > .CodeMirror .CodeMirror-gutters {background-color:var(--awb-color1);}.fusion-syntax-highlighter-1 > .CodeMirror .CodeMirror-gutters { background-color: var(--awb-color2); }.fusion-syntax-highlighter-1 > .CodeMirror .CodeMirror-linenumber { color: var(--awb-color8); }<\/style><div class=\"fusion-syntax-highlighter-container fusion-syntax-highlighter-1 fusion-syntax-highlighter-theme-light\" style=\"opacity:0;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;border-width:1px;border-style:solid;border-color:var(--awb-color3);\"><div class=\"syntax-highlighter-copy-code\"><span class=\"syntax-highlighter-copy-code-title\" data-id=\"fusion_syntax_highlighter_1\" style=\"font-size:14px;\">Copy to Clipboard<\/span><\/div><label for=\"fusion_syntax_highlighter_1\" class=\"screen-reader-text\">Syntax Highlighter<\/label><textarea class=\"fusion-syntax-highlighter-textarea\" id=\"fusion_syntax_highlighter_1\" data-readOnly=\"nocursor\" data-lineNumbers=\"1\" data-lineWrapping=\"\" data-theme=\"default\" data-mode=\"text\/javascript\"><script>\nwindow.addEventListener('load', function() {\nif (window.jQuery) {\n(function($) {\nvar redirectTimer;\nvar countdownInterval;\n\n$(document).on('input', '.autosubmit-rating input', function() {\nvar rating = $(this).val();\n\n\/\/ Reset timer and interval if user changes rating\nclearTimeout(redirectTimer);\nclearInterval(countdownInterval);\n\nvar secondsLeft = 3;\n$('#countdown-timer').text(secondsLeft);\n\nif (rating == 5) {\n\/\/ Show the Avada container\n$('.clickable-form-element').fadeIn(300);\n\n\/\/ Start the 1-second countdown interval\ncountdownInterval = setInterval(function() {\nsecondsLeft--;\n$('#countdown-timer').text(secondsLeft);\nif (secondsLeft <= 0) clearInterval(countdownInterval);\n}, 1000);\n\n\/\/ Set the 3-second redirect\nredirectTimer = setTimeout(function() {\nwindow.location.href = \"https:\/\/g.page\/r\/CRaTzYPx90NtEBM\/review\";\n}, 3000);\n\n} else {\n\/\/ Hide container if rating is changed to 1-4 stars\n$('.clickable-form-element').fadeOut(200);\n}\n});\n\n\/\/ Allow instant click on the container\n$(document).on('click', '.clickable-form-element', function() {\nwindow.location.href = \"https:\/\/g.page\/r\/CRaTzYPx90NtEBM\/review\";\n});\n\n})(window.jQuery);\n}\n});\n<\/script><\/textarea><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-13469","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/zoomdang.com\/index.php\/wp-json\/wp\/v2\/posts\/13469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zoomdang.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zoomdang.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zoomdang.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zoomdang.com\/index.php\/wp-json\/wp\/v2\/comments?post=13469"}],"version-history":[{"count":3,"href":"https:\/\/zoomdang.com\/index.php\/wp-json\/wp\/v2\/posts\/13469\/revisions"}],"predecessor-version":[{"id":13472,"href":"https:\/\/zoomdang.com\/index.php\/wp-json\/wp\/v2\/posts\/13469\/revisions\/13472"}],"wp:attachment":[{"href":"https:\/\/zoomdang.com\/index.php\/wp-json\/wp\/v2\/media?parent=13469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zoomdang.com\/index.php\/wp-json\/wp\/v2\/categories?post=13469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zoomdang.com\/index.php\/wp-json\/wp\/v2\/tags?post=13469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}