SP Page Builder 4.0 Is Here to Redefine Your Joomla Page Building Experience - JoomShaper

SP Page Builder 4.0 Is Here to Redefine Your Joomla Page Building Experience

28 July 2022
Hits 5,604
9 min read
SP Page Builder 4.0 Is Here to Redefine Your Joomla Page Building Experience

The moment to experience SP Page Builder 4.0 is finally here! 

The vision behind SP Page Builder 4.0 was to utilize the full potential of the product and make it the ultimate all-in-one page builder for creating the perfect site in no time! And today, it feels surreal to finally be able to share with you what we’ve been pouring our heart and hard work into. 

None of this would have been possible without the immense love and support from our valuable users. Every constructive feedback and input has shaped SP Page Builder 4.0 into what it is today. 

That being said, the stable version of your favorite SP Page Builder 4.0 is out with a brand new design system and advanced functionalities to change your Joomla development for the better. From now on, you can use SP Page Builder 4.0 on your live sites.

Stay tuned to discover the power of SP Page Builder 4.0!  

Redefine Your Page Building Experience

SP Page Builder is lightweight, feature-rich, and fully visual to shoot your productivity through the roof. It comes with tons of new features and changes to ease your page-building experience. Have a look at the changelog below to find out what it has in store. 

SP Page Builder 4.0 Changelog:

  • New: Brand new system design
  • New: Intuitive front-end dashboards with filter functionality
  • New: 4 new functional addons 
  • New: Freedom to upload and use custom icon packs 
  • New: Adjust the look of your content with 6 different viewports
  • New: Customize anything at any stage with Layers
  • New: Resize and configure column width by dragging the column boundary 
  • New: Revamped Media Manager 
  • New: Added page layout export feature
  • New: Added copy, paste, and duplicate feature for nested addons from the context menu
  • New: Added inline edit functionality for Accordion addon, and Tab addon item title
  • New: Added Google fonts disable option
  • New: Added custom column generator feature
  • New: Added a clear button to remove the selected font from the Typography font select box
  • New: Added the option to save customized addon from the inline editor for addon reuse 
  • New: Option to add images from external URLs
  • New: Added Multi-language support for sidebar editor and Saved Items section (Lite version) 
  • New: Two Scrolling options - Viewport and Full-page are added in Interaction settings
  • Update: Added CSS variable and RGBA support in Color Picker
  • Update: Improved the editor authentication
  • Update: Improved the URL routing system
  • Update: Dropped the admin menu module

Time to dive into the details, shall we?  

Fully Visual Joomla Page Builder

Save yourself the hassle to go back and forth between the backend and frontend with the fully visual SP Page Builder 4.0. Speed up the development process with the lightweight, efficient, and feature-rich Joomla page builder where every change is visual and instant. 

It comes with an ultra-flexible Frontend Editor that lets you create beautiful pages through live editing with the power of drag & drop.  From creating and managing pages, add-ons, integrations, and settings - everything that you could do from the backend is now doable from the front-end that too more easily! 

Flexible Front-end Sidebar & Addon Settings

The Front-end Sidebar and Addon settings are moveable and you can drag them anywhere on the page you like. So that you can smoothly work and edit your website pages on any screen size without the placement of the editor disrupting your workflow. 

You can also keep the frontend sidebar editor floated, stick to the right, or stick to the left. 

4 New Functional Addons 

SP Page Builder 4.0

We have 4 new addons to the huge pool of SP Page Builder addons to meet all your design and functional needs! Experience an enhanced site-building experience with the following new addons. 

  • Rows: The Row addon allows you to add rows to your page with customization options.
  • Columns: Add as many columns as you want to the rows by simply using the Columns addon.
  • Div: The Div addon allows for the grouping of content blocks under an <div> element with ease
  • Lottie: Easily add and display Lottie animations with the Lottie addon.

Manage Workflow Using Layers

Layers—one of the core features of SP Page Builder turns your builder into a layered interface and lets you customize everything at any stage. 

Here, all the sections of a web page are stacked on top of one another, which allows you to access all the columns and addons you’ve used to craft the page. It keeps your web page’s sections containing columns and all the content organized so that you can access, edit, and manage your workflow without a hitch. 

Previously, in SP Page Builder 3.x you had to edit the page layout from the backend. The changes were not visible and you had to constantly switch between backend and front-end to see how the changes looked on the preview. 

With SP Page Builder 4.x, you can wave goodbye to guesswork. With layers, you can instantly see the layout changes and customize your page with minimal effort. 

Customize Content with 6 Different Viewpoints

SP Page Builder 4.0

Preview how your content will look like on the storefront and customize your content accordingly with 6 different viewports. 

  • Desktop
  • Laptop
  • Tablet Landscape
  • Tablet Portrait
  • Phone Landscape
  • Phone

Resize & Configure Columns Width with Ease

With SP Page Builder 4, resizing the column width is a breeze! 

The width of a Column can be adjusted by clicking and dragging on the Column boundary. Or you can specify the width by entering a percentage number into the input field that appears above.

Grab Attention with Lottie Animations

With the SP Page Builder Lottie addon, you will be able to use Lottie Animations inside your page and catch the attention of your site visitors right away. 

You will find a plethora of different animations on Lottie’s website directory. All you have to do is copy the link of the animation of your choice and insert it on the Lottie addon settings. You can also configure the interactivity and size of the animation with the Lottie addon. 

Speed Up Workflow With Organized Dashboard

Organized Dashboards

The SP Page Builder dashboard will undoubtedly boost your productivity. Taking a modern approach, your favorite Joomla page builder has an intuitive and organized front-end dashboard where everything is manageable from one spot. 

You can access the pages, addons, icons, integrations, languages, and settings, right from the dashboard making the entire development process more smoother and manageable. 

Powerful Media Manager  

SP Page Builder 4.0

The SP Page Builder Media Manager lets you manage and control your media files with ease. All the files are listed and sorted into their respective category so that you can easily get access to them.

You can also organize the files through folders, easily rename and delete images, or filter images by date. 

Create Complex Page Layouts 

Want to add addons inside addons to easily create complex page layouts? SP Page Builder 4.0 got you covered! You can add as many addons as you want inside the Accordion, Tabs, and Table addon simply with the power of drag & drop. This will let you create any layout you want with minimal effort. 

A More Visually Appealing Interface 

One of the biggest perks of SP Page Builder is its huge collection of layout bundles. Now you can view all the Layouts, Blocks, and Saved Items through the use of tabs and select the category as well. 

Upload & Use Your Own Custom Icon Pack 

Get the freedom to use your own custom icons and craft your site as your own. Instead of fiddling around with custom code now, you can easily upload and use your own customs icon pack with SP Page Builder. 

Please note you can only upload your own custom icon pack made with IcoFont, IcoMoon, and Fontello. 

Endless Customization Freedom 

Convert your ideas into functional web pages with advanced customization features. The best-in-class Joomla page builder gives you endless customization freedom while crafting your Joomla site. 

From customizing font style, colors, unlimited undo and redo options, and getting a more personalized look by adding custom CSS to a page element, the possibilities are endless with SP Page Builder 4! 

How to Update to SP Page Builder 4.x?

SP Page Builder (Pro) can be updated or upgraded like any other Joomla! extension just by installing a new version on the current one. You do not have to uninstall the previous version; in fact, you MUST NOT do that. 

Please follow the following steps for a smooth transition to SP Page Builder 4:

  1. Make database backup.
  2. Update template to last stable version, if it's based on Helix3 / Helix Ultimate - make sure that framework was updated as well.
  3. Update JCE editor to the last stable version (2.6.29+).
  4. Download the last stable version of SP Page Builder Pro - v3.8.x if you have an older version than 3.1.3
  5. if you had installed the 2x series - update to 2.5.4 first then test pages, then download the last stable version of SP Page Builder Pro v3.8.x.
  6. Download the latest SP Page Builder 4 version from JoomShaper’s website.  
  7. Install the downloaded file like you would install any other Joomla extension. 
  8. Update SPPB Pro to the last stable version of 4.x.
  9. Clear browser cached files.
  10. Clear Joomla cached files.
  11. Check pages from the Dashboard and front-end view.

Note! Once you update to SP Page Builder 4.x from SP Page Builder v3.x,  you can not roll back to SP Page Builder 3.x version. Make sure to test the page builder on a staging site and see if everything works as it should. 

Note! If you have overridden or made custom addons using the early versions of SP Page Builder 3.x, please test your addons on a staging site before updating to SP Page Builder 4. If you face any issues, follow the structure of the current addons of SP Page Builder 4 to fix the issues.

Celebrate the Release with 30% OFF! 

Time to celebrate the release of your favorite Joomla page builder. Enjoy a flat 30% discount on all SP Page Builder plans. No Coupon is needed. Once you add your desired plan to your cart the discount will be auto-applied.

The discount is for a limited time only. Hurry up and grab the deal now! 

Time to Experience SP Page Builder 4.0

SP Page Builder 4.0 is a must-have for every webmaster who wants to get to work quickly and easily. It’s packed full of goodies and comes complete with some real gems that you might never have thought about, but now you can use them all. Don’t take our word for it, experience it yourself to find out how awesome it is! 

Go, create your dream site now and let your business soar above all the rest! 

Try SP Page Builder for FREE!Get SP Page Builder 4

Zareen Tasnim

Zareen Tasnim

Technical Content Writer
Zareen is a technical content writer at JoomShaper. She's a tech enthusiast, writer by day, programmer by night, and always a foodie at heart!
8 months ago
It seems very nice and powerful. Good work.
Muntasir Sakib
Muntasir Sakib
8 months ago
Enjoy the revamped SP Page Builder and feel free to let us know your feedback.
Dmitry Goncharov
Dmitry Goncharov
8 months ago
A great tool. Are new functional addons planned?
Andrey Uvikov
8 months ago
It looks great. We need video tutorial about new functional addons.
Zareen Tasnim
Zareen Tasnim
8 months ago
Hi Andrey, Thank you so much for your appreciation. We'll create video tutorials on the new addons in the future, stay tuned for that!
8 months ago
Great work, Congratulations!
I here reporting the first BUG: when you want to select or replace an image, it opens the Media Manager, when you try to access the FOLDERS section the editor disappears completely by JS error. As long as that is not fixed I think nobody can work with the editor.

Tested in Joomla 3, Joomla 4, PHP 7.4.20 and PHP 8. Firefox.

Zareen Tasnim
Zareen Tasnim
8 months ago
Hi Alvaro, thank you so much for your appreciation and the feedback.

I've passed your issue to the dev team and they are looking into the matter. Thanks!
Geoffrey Smith
Geoffrey Smith
8 months ago
Congratulations! This great product just got amazingly greater.

One small niggle, it would be nice to be able to resize the working panel sometimes it is too narrow and as a consequence, I have to scroll the whole page up to get to the move panel handle. This is a little clunky.
Zareen Tasnim
Zareen Tasnim
8 months ago
Hi Geoffrey, thank you so much for your kind words!
We appreciate your constructive feedback and I've passed it to the dev team.
8 months ago
Thank you for your hard work. New SP Page builder look great. Even do i work trough admin, I'll have to switch to front end only.

May I suggest new features for you to consider:

- Global site settings where i can set typo and colors for all page builder pages
- Options to create Joomla content layouts so we can use Page builder to create Joomla blogs and articles
- Joomla article addon with more option and different predefined styles
- Global rows - set row as global so all changes to that row are automatically applied to all pages where we have this row

Muntasir Sakib
Muntasir Sakib
8 months ago
Thank you for your detailed feedback and constructive suggestions. I have passed it to the dev team.
8 months ago
I have it on a staging site, and I can hardly wait for 4.1.0 or higher to use on a production site. That image folder bug has already stopped any further testing - it's no usable as long as this issue remains. (and we should always have access to the folder tree - I never use the media manager.)
Muntasir Sakib
Muntasir Sakib
8 months ago
Our dev team is looking into the matter. Meanwhile, you can thoroughly check SP Page Builder 4.0, we are hopeful you are going to love it.
Mo Ahmed
Mo Ahmed
8 months ago
Are you able to include custom page-specific SCSS and javascript yet?
7 months ago
Great Work - Thank You!

as i said before;

i would love to see a Layout-Bundle with all the possible Interactions. It would be very helpfull, when we can see how the Interactions are adjusted.

Best wishes.
Zareen Tasnim
Zareen Tasnim
7 months ago
Hi Se, thank you so much for your appreciation. I've passed your feedback to the dev team.
7 months ago
by the way.. after updating to pb 4.0 i cant work on the pages anymore. there are only blank pages when i click on "edit" page.
7 months ago
you' ve got technical problems on your site.
Andrey Uvikov
7 months ago
I have tryed. Uncomfortable: 1.Little edit windows 2.SPPB module open like a page but it module and it could be in footer, left position or header

I can`t work with it and deleted and returned to previous version
5 months ago

I just paid for the new developer subscripton of the SPPageBuilder. I used before 3.8.9 and it had so many bugs and problems.

Now I upgraded my own website from SPPageBuilder 3.8.9 to 4.0.6 and it got just destroyed. You Helix template is not getting used anymore. Everything is just destroyed. No way back without a backup.

So at all its a big problem now that you guys dont fixed the bugs in the SPPageBuilder 3.8.9. It was super integrated in Joomla and now the newest version is like a own interface. I dont like it. Completly useless for me now.

At least this make all websites usesless / out of date who I used the SPPageBulder before. I wanted a system which saved my time and money. Now I have a big damage.

Thank you guys. Why you dont ask your customers before? Or give them just a warning before we install the update or buy the new subscriptions...
[email protected]
4 months ago
Is there a module or setting that will allow for backend look? We have to guess where things are going and how columns are broken down. It added days worth of work for us. Also, the joomla search module does not work with the Joomla Module addon. I do not touch the code. Is there something you all can do to address all this? We are wasting way too much time trying to guess where everything is at and not being able to manipulate sections like before.
Thank you!
[email protected]
4 months ago
oh and export-import does not work either. Is this s way way to provide feedback?

Sign up for our newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.