{"id":2006,"date":"2025-10-13T16:55:13","date_gmt":"2025-10-13T08:55:13","guid":{"rendered":"https:\/\/leadsleap.com\/blog\/?p=2006"},"modified":"2025-10-13T16:55:14","modified_gmt":"2025-10-13T08:55:14","slug":"major-page-builder-updates-round-1","status":"publish","type":"post","link":"https:\/\/leadsleap.com\/blog\/major-page-builder-updates-round-1\/","title":{"rendered":"Major Page Builder Updates &#8211; Round 1"},"content":{"rendered":"\n<p>Over the past two months, we&#8217;ve been hard at work revamping our Page Builder from the inside out.<\/p>\n\n\n\n<p>While we&#8217;re not done yet, I thought we should roll out what&#8217;s ready now, because the improvement is already tremendous!<\/p>\n\n\n\n<p>Let&#8217;s dive into this round of updates.<\/p>\n\n\n\n<h2>1) Inline Text Editor Version 2 &#8211; Seamless Editing<\/h2>\n\n\n\n<p>About five months ago, we introduced the <strong>Inline Text Editor<\/strong> to replace the classic editor. While it was a big step forward, we heard your feedback: <em>switching between editing text and adjusting fonts felt cumbersome.<\/em><\/p>\n\n\n\n<p>With Version 2, that&#8217;s now a thing of the past.<\/p>\n\n\n\n<p>We&#8217;ve integrated the <strong>Inline Text Editor<\/strong> with the <strong>Element Editor<\/strong>, giving you a unified editing experience.<\/p>\n\n\n\n<p>Now you simply have to:<\/p>\n\n\n\n<ul><li>Double-click text to edit it. (As usual.)<\/li><li>Adjust font, size, and other styles instantly. (No toggling needed.)<\/li><\/ul>\n\n\n\n<p>See the demo below to watch it in action.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1174\" height=\"495\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/ver2.gif\" alt=\"\" class=\"wp-image-2008\"\/><\/figure>\n\n\n\n<h2>2) Emoji Selector<\/h2>\n\n\n\n<p>Emojis have become increasingly popular on landing pages.<\/p>\n\n\n\n<p>You can now add emoji directly within the <strong>Inline Text Editor<\/strong> &#8211; no need to copy and paste from elsewhere.<\/p>\n\n\n\n<p>See the emoji selector in action:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1174\" height=\"495\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/emoji.gif\" alt=\"\" class=\"wp-image-2010\"\/><\/figure>\n\n\n\n<h2>3) Customizable Bullet Points<\/h2>\n\n\n\n<p>Previously, bulleted lists were limited to the standard bullet point (\u2022). To create something more creative, you had to use a separate element for the bullet. That means you&#8217;d have to re-arrange everything when you edit the text.<\/p>\n\n\n\n<p>Now, you can use any emoji as your bullet point!<\/p>\n\n\n\n<p>Want checkmarks \u2705 for a benefits list? Stars \u2b50 for highlights? Or arrows \u27a1\ufe0f for steps? You can do that now.<\/p>\n\n\n\n<p>To customize the bullet point:<\/p>\n\n\n\n<ol><li>Open the Text Element Editor.<\/li><li>Click the emoji icon beside &#8220;<strong>Bullet Point<\/strong>&#8220;.<\/li><li>Choose any emoji you like, and you&#8217;re done!<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"864\" height=\"495\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/bullet.gif\" alt=\"\" class=\"wp-image-2011\"\/><\/figure>\n\n\n\n<h2>4) Image and Gradient Backgrounds for Buttons<\/h2>\n\n\n\n<p>Buttons are among the most important elements on any page. They drive clicks, conversions, and actions. <\/p>\n\n\n\n<p>You can now:<\/p>\n\n\n\n<p>Apply color gradients to your buttons for a modern, dynamic look, 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\/2025\/10\/btn1.png\" alt=\"\" class=\"wp-image-2012\" width=\"232\" height=\"38\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/btn1.png 464w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/btn1-300x48.png 300w\" sizes=\"(max-width: 232px) 100vw, 232px\" \/><\/figure>\n\n\n\n<p>Or use a custom image as the button background, 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\/2025\/10\/btn3.png\" alt=\"\" class=\"wp-image-2013\" width=\"238\" height=\"68\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/btn3.png 475w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/btn3-300x86.png 300w\" sizes=\"(max-width: 238px) 100vw, 238px\" \/><\/figure>\n\n\n\n<p>To do that:<\/p>\n\n\n\n<ol><li>Add a <strong>Button Element<\/strong> as usual.<\/li><li>In its editor, under &#8220;<strong>Button Background Type<\/strong>&#8221; choose the type you want and set it up accordingly.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/btn2.png\" alt=\"\" class=\"wp-image-2014\" width=\"311\" height=\"240\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/btn2.png 414w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/btn2-300x232.png 300w\" sizes=\"(max-width: 311px) 100vw, 311px\" \/><\/figure>\n\n\n\n<h2>5) Image Flip<\/h2>\n\n\n\n<p>Ever wished you could flip an arrow or mirror an image without using a third-party app? Now you can.<\/p>\n\n\n\n<p>With the new Image Flip option, you can flip any image horizontally and\/or vertically. It&#8217;s that simple. No more need to edit in another tool and save a mirrored version of the same image.<\/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\/2025\/10\/flip.png\" alt=\"\" class=\"wp-image-2015\" width=\"311\" height=\"305\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/flip.png 415w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/flip-300x293.png 300w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/flip-60x60.png 60w\" sizes=\"(max-width: 311px) 100vw, 311px\" \/><\/figure>\n\n\n\n<h2>6) Color Eyedropper<\/h2>\n\n\n\n<p>Color consistency can make or break a design. Our new color eyedropper tool (available in Chrome only) lets you pick any color directly from your screen and apply it to your design instantly.<\/p>\n\n\n\n<p>This means you can match text, buttons, or icon with any element on your page or image.<\/p>\n\n\n\n<p>No more guessing or manually entering hex codes.<\/p>\n\n\n\n<p>It&#8217;s a small improvement that saves a lot of time and ensures perfect visual harmony.<\/p>\n\n\n\n<p>(Note: Currently available only in Chrome, as it&#8217;s the only browser that supports this API.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"657\" height=\"398\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2025\/10\/eyedrop.gif\" alt=\"\" class=\"wp-image-2016\"\/><\/figure>\n\n\n\n<h2>Other Subtle Yet Useful Improvements<\/h2>\n\n\n\n<p>In addition to the major updates above, you&#8217;ll also notice several enhancements, including:<\/p>\n\n\n\n<ul><li>The ability to resize elements from <span style=\"text-decoration: underline;\"><em>any side or corner<\/em><\/span>, for faster and more flexible design adjustments.<\/li><li>All sub-editors now open within the sidebar, so they <em><span style=\"text-decoration: underline;\">no longer block your view<\/span><\/em> of the page.<\/li><\/ul>\n\n\n\n<p>These refinements make the entire Page Builder experience smoother and more intuitive.<\/p>\n\n\n\n<h2>More to Come<\/h2>\n\n\n\n<p>I hope you enjoy these updates and find them useful.<\/p>\n\n\n\n<p>But this is just the beginning. We&#8217;re not done yet! <\/p>\n\n\n\n<p>Our vision is to make the Page Builder the most user-friendly and easy-to-use tool for all our members.<\/p>\n\n\n\n<p>As always, your feedback plays a huge part in shaping what comes next \u2014 so please let us know what you think!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Over the past two months, we&#8217;ve been hard at work revamping our Page Builder from the inside out. While we&#8217;re not done yet, I thought we should roll out what&#8217;s ready now, because the improvement is already tremendous! Let&#8217;s dive into this round of updates. 1) Inline Text Editor Version 2 &#8211; Seamless Editing About [&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\/2006"}],"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=2006"}],"version-history":[{"count":10,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/2006\/revisions"}],"predecessor-version":[{"id":2024,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/2006\/revisions\/2024"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=2006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=2006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=2006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}