{"id":2060,"date":"2026-01-12T12:18:52","date_gmt":"2026-01-12T04:18:52","guid":{"rendered":"https:\/\/leadsleap.com\/blog\/?p=2060"},"modified":"2026-01-12T12:18:52","modified_gmt":"2026-01-12T04:18:52","slug":"major-page-builder-updates-round-3","status":"publish","type":"post","link":"https:\/\/leadsleap.com\/blog\/major-page-builder-updates-round-3\/","title":{"rendered":"Major Page Builder Updates \u2013 Round 3"},"content":{"rendered":"\n<p>Time flies \u2014 welcome to 2026!<\/p>\n\n\n\n<p>May the new year bring you and your loved ones good health, success, and many new opportunities.<\/p>\n\n\n\n<p>We&#8217;re excited to kick off the year with Round 3 of our Page Builder updates.<\/p>\n\n\n\n<p>This release will give you more power while keeping things easy to use.<\/p>\n\n\n\n<p>Below are highlights of what\u2019s new.<\/p>\n\n\n\n<h2>1) New Gradient Color Selector<\/h2>\n\n\n\n<p>We&#8217;ve retired the old gradient color options and introduced a unified color selector that works seamlessly for both Solid and Gradient colors.<\/p>\n\n\n\n<p>For any setting that supports gradients, you&#8217;ll now see this new interface:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img1.gif\" alt=\"\" class=\"wp-image-2061\" width=\"400\" height=\"333\"\/><\/figure>\n\n\n\n<p>With just a few clicks, you can:<\/p>\n\n\n\n<ul><li>Switch between solid colors and multiple gradient types<\/li><li>Apply professional-looking gradients<\/li><\/ul>\n\n\n\n<p>For gradients, you can:<\/p>\n\n\n\n<ul><li>Choose from preset gradient combinations<\/li><li>Define your own custom gradient colors<\/li><li>Swap color positions instantly<\/li><\/ul>\n\n\n\n<p>This new selector is designed to be faster, clearer, and far more flexible than before.<\/p>\n\n\n\n<h2>2) Apply Gradient Color to Any Text Selection<\/h2>\n\n\n\n<p>In the previous update, we introduced gradient colors for text elements, but that was still limiting.<\/p>\n\n\n\n<p>You can now apply gradient color to <em>any selected text<\/em>, not just the entire text element. See the demo below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img2.gif\" alt=\"\" class=\"wp-image-2062\" width=\"527\" height=\"321\"\/><\/figure>\n\n\n\n<p>This means you can:<\/p>\n\n\n\n<ul><li>Highlight key phrases within a headline or any text<\/li><li>Create more dynamic, visually engaging copy<\/li><\/ul>\n\n\n\n<p>For example, you can now easily create headlines like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"864\" height=\"139\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img3.png\" alt=\"\" class=\"wp-image-2063\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img3.png 864w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img3-300x48.png 300w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img3-768x124.png 768w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p>This gives you finer control over typography and opens up more creative design possibilities.<\/p>\n\n\n\n<h2>3) New FAQ Element<\/h2>\n\n\n\n<p>You&#8217;ve probably seen expandable FAQ sections like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img4.gif\" alt=\"\" class=\"wp-image-2064\" width=\"400\" height=\"144\"\/><\/figure>\n\n\n\n<p>This has been a frequently requested feature. In the past, my answer was always:<\/p>\n\n\n\n<p><em>\u201cIt&#8217;s not possible due to the architecture of the page builder.\u201d<\/em><\/p>\n\n\n\n<p>Fortunately, the architecture has evolved. Expandable content is now fully supported.<\/p>\n\n\n\n<p>The new FAQ element allows you to:<\/p>\n\n\n\n<ul><li>Organize common questions in a clean, expandable format<\/li><li>Improve page readability and user experience<\/li><li>Increase conversion rate with doubts being answered upfront<\/li><\/ul>\n\n\n\n<p>To add an FAQ element, simply hover over <strong>Add New Element<\/strong> to expand the options, then click this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img5.png\" alt=\"\" class=\"wp-image-2065\" width=\"371\" height=\"96\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img5.png 494w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img5-300x78.png 300w\" sizes=\"(max-width: 371px) 100vw, 371px\" \/><\/figure>\n\n\n\n<p>Note that you have to hover over to expand the options. It is hidden by default.<\/p>\n\n\n\n<h2>4) New Radio \/ Checkbox Input Element<\/h2>\n\n\n\n<p>Another element we&#8217;ve just added is the <strong>Radio \/ Checkbox Input Element<\/strong>.<\/p>\n\n\n\n<p>Now, instead of just text inputs, you can add radio buttons and checkboxes to your page (or popup form).<\/p>\n\n\n\n<p>This allows you to build survey-style pages, like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img6.gif\" alt=\"\" class=\"wp-image-2066\" width=\"434\" height=\"176\"\/><\/figure>\n\n\n\n<p>With this new element, you can:<\/p>\n\n\n\n<ul><li>Create surveys with radio buttons or checkboxes<\/li><li>Collect structured input from visitors<\/li><li>Simulate a &#8220;survey-style&#8221; experience when needed<\/li><\/ul>\n\n\n\n<p>You can also choose whether the input should:<\/p>\n\n\n\n<ul><li>Be submitted when the visitor opts in, or<\/li><li>Function as a non-submitting (fake) survey for engagement<\/li><\/ul>\n\n\n\n<p>This gives you full control over both functionality and intent.<\/p>\n\n\n\n<p>To add a radio\/checkbox element, under Add New Element, click this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img7.png\" alt=\"\" class=\"wp-image-2067\" width=\"372\" height=\"59\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img7.png 496w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img7-300x47.png 300w\" sizes=\"(max-width: 372px) 100vw, 372px\" \/><\/figure>\n\n\n\n<h2>5) Row Lock for Shared Pages<\/h2>\n\n\n\n<p>This feature was requested by Home Biz Joe, who asked:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><em>Is there a way to create a page where, before I share the code, I lock one section so it can&#8217;t be changed? That way, anyone using the share code can edit everything else, but the locked section stays exactly as I set it?<\/em><\/p><\/blockquote>\n\n\n\n<p>The answer is now yes.<\/p>\n\n\n\n<p>You can lock one or more rows before sharing a page, ensuring critical sections remain unchanged.<\/p>\n\n\n\n<p>To lock a row:<\/p>\n\n\n\n<ul><li>Mouse over the Row button<\/li><li>Click the lock icon shown below<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2026\/01\/img8-1.gif\" alt=\"\" class=\"wp-image-2069\" width=\"317\" height=\"152\"\/><\/figure>\n\n\n\n<p>Click it again to unlock.<\/p>\n\n\n\n<p>Once locked:<\/p>\n\n\n\n<ul><li>Shared users cannot edit those rows<\/li><li>All other rows remain fully editable<\/li><li>No additional setup is required<\/li><\/ul>\n\n\n\n<p>This is especially useful for protecting headers, footers, disclaimers, or branded sections.<\/p>\n\n\n\n<h2>Other Improvements<\/h2>\n\n\n\n<p>In addition to these major updates, we&#8217;ve also made numerous minor improvements across existing features to make the Page Builder more intuitive, consistent, and user-friendly.<\/p>\n\n\n\n<p>Many of these changes are subtle, but together they create a smoother and more efficient editing experience.<\/p>\n\n\n\n<h2>What&#8217;s Next?<\/h2>\n\n\n\n<p>We&#8217;re not done with the updates.<\/p>\n\n\n\n<p>Our goal is to roll out new features early so advanced users can start benefiting from them right away.<\/p>\n\n\n\n<p>Moving forward, we&#8217;ll be releasing more ready-made templates that demonstrate how to use these new features effectively, helping you move from idea to implementation even faster.<\/p>\n\n\n\n<p>Thank you for your continued feedback and support.<\/p>\n\n\n\n<p>More updates are on the way.<\/p>\n\n\n\n<p>Stay tuned.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Time flies \u2014 welcome to 2026! May the new year bring you and your loved ones good health, success, and many new opportunities. We&#8217;re excited to kick off the year with Round 3 of our Page Builder updates. This release will give you more power while keeping things easy to use. Below are highlights of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[237],"tags":[],"_links":{"self":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/2060"}],"collection":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/comments?post=2060"}],"version-history":[{"count":5,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/2060\/revisions"}],"predecessor-version":[{"id":2074,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/2060\/revisions\/2074"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=2060"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=2060"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=2060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}