{"id":2095,"date":"2026-09-10T19:46:27","date_gmt":"2026-09-10T11:46:27","guid":{"rendered":"https:\/\/leadsleap.com\/blog\/?p=2095"},"modified":"2026-09-10T19:46:28","modified_gmt":"2026-09-10T11:46:28","slug":"major-page-builder-updates-round-4","status":"publish","type":"post","link":"https:\/\/leadsleap.com\/blog\/major-page-builder-updates-round-4\/","title":{"rendered":"Major Page Builder Updates \u2013 Round 4"},"content":{"rendered":"\n

After months of toil, Round 4 of our Page Builder update is finally ready.<\/p>\n\n\n\n

Why did it take so long?<\/p>\n\n\n\n

Because a lot has changed.<\/p>\n\n\n\n

In fact, there are so many improvements that it would be impossible to cover everything in one blog post.<\/p>\n\n\n\n

What I can say is this:<\/p>\n\n\n\n

The new Page Builder is more intuitive, more powerful, and much easier to use.<\/em><\/strong><\/p>\n\n\n\n

Today, I’ll highlight some of the most important changes.<\/p>\n\n\n\n

1) A Simpler Way To Edit Text<\/h1>\n\n\n\n

Text editing is now much more intuitive.<\/p>\n\n\n\n

Previously, you had to double-click text or click the ‘Edit Text’<\/strong> button to start editing it. That may sound like a small thing, but when you are constantly switching between moving, editing and resizing elements, every extra step adds friction.<\/p>\n\n\n\n

Now, simply click the text<\/strong> to edit it.<\/p>\n\n\n\n

You can also initiate the text editor by mousing over the Element Editor, which is convenient when you simply want to bold the entire text.<\/p>\n\n\n\n

Because of this change, if you have the habit of clicking an element before dragging it, you will need to unlearn that habit.<\/strong><\/p>\n\n\n\n

But that’s actually a good thing, because that\u2019s one less click every time you move an element!<\/p>\n\n\n\n

The basic controls are now very straightforward:<\/p>\n\n\n\n

  • Move an element:<\/strong> Mousedown and drag.<\/li>
  • Move an element using the keyboard:<\/strong> Mousedown on the element, then use the direction keys.<\/li>
  • Resize an element:<\/strong> Mouse over the element and drag the resize handle.<\/li>
  • Edit text:<\/strong> Simply click the text. No more double-clicking.<\/li>
  • Cancel text editing:<\/strong> Click anywhere outside the element.<\/li><\/ul>\n\n\n\n

    Once you get used to it, designing will be much faster.<\/p>\n\n\n\n

    Below is a demonstration of how the new operation works.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    2) Copy And Paste Image Upload<\/h2>\n\n\n\n

    Nowadays, many of us use AI tools to generate images.<\/p>\n\n\n\n

    Previously, the workflow usually looked like this:<\/p>\n\n\n\n

    Generate the image \u2192 save it to your computer \u2192 open the Page Builder \u2192 upload the image.<\/p>\n\n\n\n

    That extra saving and uploading is no longer necessary.<\/p>\n\n\n\n

    Now, you can simply copy the image and paste it directly into the Page Builder<\/strong>.<\/p>\n\n\n\n

    That’s it.<\/p>\n\n\n\n

    This is especially useful when working with AI-generated images, screenshots, graphics or anything else that is already on your clipboard.<\/p>\n\n\n\n

    It can’t get much simpler than that.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Note:<\/strong> The demo above uses the right-click Copy and Paste options for visual clarity. You can also use Ctrl+C \/ Ctrl+V<\/strong> on Windows or Command+C \/ Command+V<\/strong> on Mac.<\/p>\n\n\n\n

    3) New Rotation Handle<\/h2>\n\n\n\n

    Rotating an element is now much easier.<\/p>\n\n\n\n

    A dedicated rotation handle<\/strong> has been added directly to elements, allowing you to rotate them visually instead of having to adjust rotation settings manually.<\/p>\n\n\n\n

    Just grab the handle and rotate.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    4) Introducing The Spacer<\/h2>\n\n\n\n

    This is one of those tools that makes you wonder why it didn\u2019t exist sooner.<\/p>\n\n\n\n

    Previously, imagine that you had already completed most of your design and suddenly decided:<\/p>\n\n\n\n

    “I want to add something here.”<\/em><\/p>\n\n\n\n

    If there wasn’t enough space, you would have to group all the elements below and move them down.<\/p>\n\n\n\n

    That is history.<\/p>\n\n\n\n

    We have added a new tool called Spacer<\/strong>.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    The Spacer is basically a movable horizontal bar.<\/p>\n\n\n\n

    Simply place it above the elements you want to move, then drag the Spacer up or down.<\/p>\n\n\n\n

    Everything below it moves together.<\/strong><\/p>\n\n\n\n

    This makes it extremely easy to:<\/p>\n\n\n\n

    • Create space for a new element.<\/li>
    • Increase the space between elements.<\/li>
    • Reduce excessive empty space.<\/li>
    • Shift a large portion of your design up or down without manually selecting everything.<\/li><\/ul>\n\n\n\n

      It is a very simple tool, but once you start using it, you may wonder how you ever designed without it.<\/p>\n\n\n\n

      See the demo here:<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      5) Independent Border Thickness<\/h2>\n\n\n\n

      You can now control the thickness of each border independently using the following editor:<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      For example, instead of having the same border on all four sides, you can make the left border thicker to create an accent box like this:<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      This opens up many more design possibilities for callout boxes, testimonials, quotes, notices, feature sections and other highlighted content.<\/p>\n\n\n\n

      6) Update Thumbnail On Demand<\/h2>\n\n\n\n

      Previously, LeadsLeap automatically regenerated the page thumbnail whenever necessary.<\/p>\n\n\n\n

      The problem is that thumbnail generation is a relatively slow process, and most of the time you don’t actually need a new thumbnail every time you make a change.<\/p>\n\n\n\n

      So we changed the way it works.<\/p>\n\n\n\n

      Now, you decide when the thumbnail should be updated<\/strong>.<\/p>\n\n\n\n

      For normal editing, just click Save<\/strong>.<\/p>\n\n\n\n

      When you want to regenerate the thumbnail, mouse over the Save button and choose:<\/p>\n\n\n\n

      Save & Update Thumbnail<\/strong><\/p>\n\n\n\n

      This means normal saving can remain fast, while you still have full control over when the latest page preview is generated.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      7) Copy And Paste Colors And Gradients<\/h2>\n\n\n\n

      When designing a page, the same colors are often reused across multiple elements.<\/p>\n\n\n\n

      Previously, you had to open the color picker repeatedly and recreate the same color or gradient.<\/p>\n\n\n\n

      Now, you can simply copy a color or gradient once and paste it onto another element<\/strong>.<\/p>\n\n\n\n

      This is especially useful when you want to change the color scheme of your page design.<\/p>\n\n\n\n

      Simply decide on a color or gradient, then copy and paste it onto other elements.<\/p>\n\n\n\n

      Small improvement. Big time saver.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      8) Preset Box Styles<\/h2>\n\n\n\n

      Not everyone wants to start styling every box from scratch.<\/p>\n\n\n\n

      That’s why we added Preset Box Styles<\/strong>.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      With one click, you can instantly apply a ready-made combination of background, border, radius, shadow and other styling to an element.<\/p>\n\n\n\n

      The preset may not be your final design.<\/p>\n\n\n\n

      Think of it as a starting point<\/strong>.<\/p>\n\n\n\n

      Choose a style that is close to what you want, then customize it from there.<\/p>\n\n\n\n

      It is much faster than starting with a completely blank box every time, and it can also give you ideas for styling that you might not have considered.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      9) Mouse Highlight For Video Demonstrations<\/h2>\n\n\n\n

      If you create tutorials, walkthroughs or video demonstrations, this one is for you.<\/p>\n\n\n\n

      You can now activate Mouse Highlight<\/strong> inside the Page Builder.<\/p>\n\n\n\n

      When enabled, your mouse clicks are visually highlighted, making it much easier for viewers to follow what you are clicking during a screen recording.<\/p>\n\n\n\n

      There is no need to install additional software just to make your clicks more visible.<\/p>\n\n\n\n

      Activate Mouse Highlight and start recording.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      10) A Completely New Set Of Page Templates<\/h2>\n\n\n\n

      Last but not least, we have finally replaced the old Page Templates with a completely new collection.<\/p>\n\n\n\n

      These are not merely prettier templates.<\/p>\n\n\n\n

      They have been designed to showcase what the new Page Builder is capable of doing.<\/p>\n\n\n\n

      You will find modern layouts for different purposes, including opt-in pages, thank-you pages, sales pages, review pages, download pages and more.<\/p>\n\n\n\n

      They are also useful as learning examples.<\/p>\n\n\n\n

      Open a template, examine how it was built, modify it, or simply use it as the starting point for your next page.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      This Is More Than A Cosmetic Update<\/h2>\n\n\n\n

      The goal of this upgrade was never simply to make the Page Builder look newer.<\/p>\n\n\n\n

      The goal was to remove friction.<\/p>\n\n\n\n

      Fewer unnecessary clicks.<\/p>\n\n\n\n

      Less repetitive work.<\/p>\n\n\n\n

      Faster editing.<\/p>\n\n\n\n

      More design flexibility.<\/p>\n\n\n\n

      And tools that help you build what you have in mind without having to fight with the editor.<\/p>\n\n\n\n

      There are many other improvements that I haven’t mentioned here, and you will probably discover some of them naturally as you use the new Page Builder.<\/p>\n\n\n\n

      I hope you enjoy building with it.<\/p>\n\n\n\n

      As always, keep the feedback coming.<\/p>\n\n\n\n

      Many of the improvements you see today exist because of suggestions, problems and real-world use cases shared by LeadsLeap members.<\/p>\n\n\n\n

      Now go build something awesome!<\/p>\n","protected":false},"excerpt":{"rendered":"

      After months of toil, Round 4 of our Page Builder update is finally ready. Why did it take so long? Because a lot has changed. In fact, there are so many improvements that it would be impossible to cover everything in one blog post. What I can say is this: The new Page Builder is […]<\/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\/2095"}],"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=2095"}],"version-history":[{"count":7,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/2095\/revisions"}],"predecessor-version":[{"id":2115,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/2095\/revisions\/2115"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=2095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=2095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=2095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}