SP Page Builder is a new Joomla! extension from Joomshaper which allows you to build Joomla pages via a drag-and-drop interface.
SP Page Builder is similar to Drupal's Panel in that it allows you to easily create pages and choose from many different layouts. Once the layout has been selected, you can add modules, accordions, icons, images, tabs and much else.
In this tutorial, we'll introduce you to SP Page Builder and show you how easy it is to build pages.

#1. Getting started with SP Page Builder

  • Go to the SP Page Builder extension page and click "Download Beta".
  • Go to Extensions > Extension Manager.
  • Select the the zip file you downloaded and click the Upload & Install button
  • Go to Components > SP Page Builder.
  • Click New.

#2. Creating a page and choosing a layout

  • Choose a Title.
  • Click Add Column.
  • Choose to create a layout with 3 columns by clicking the button marked below.

#3. Add an accordion

  • Click the green Addon link.
  • You're going to see a list of many features you can add. In this example, we'll choose Accordion.
  • Set a title for the Accordion feature.
  • Click on the first accordion title
  • Set a custom label
  • Choose an icon class (optional)
  • Add some content into the accordion area.
  • To add more items, click on Add Accordion button and repeat steps from 1 to 4.
  • When you are done. Click the Save button.

#4. Add a Joomla module

You can also place Joomla modules on your page. Start by clicking the green Addon link:
From the list choose Joomla Module:

  • Set a title.
  • Choose the module to load. For this example, we'll use Search.
  • Click the Save button.

#5. Add a text block

You can also place text areas on your page.From the list, choose Text Block:

  • Set a title.
  • Add some content.
  • Click the Save button.
  • Now we havea 3 column layout with addons. Click the Save & Close button to save the page.

#6. Create a menu item

  • Go to Menus > Main menu > Add new menu item
  • For the Menu Item Type, choose SP Page Builder > Page.
  • Select Page: choose the page you just created.
  • Click on the Save & Close button.

#7. Final Result

  • Go to your public site and see how it looks

There are many more features in the free version of SP Page Builder, such as tabs, slideshow, images, buttons, icons, etc.
Be aware at the time of writing this post SP Page Builder is only a beta release and only available for Joomla 3.

Best Recommended Joomla Hosting


ASPHostPortal.com is the leading provider of Windows hosting and affordable Joomla Hosting. Joomla 3.4 Hosting from ASPHostPortal.com provides a safe, reliable and performance-driven foundation for your Joomla website. Joomla is the perfect Content Management System for managing and developing your website with one of ASPHostPortal’s Hosting plans. ASPHostPortal has ability to support the latest Microsoft and ASP.NET technology, such as: WebMatrix, WebDeploy, Visual Studio 2015, .NET 5/ASP.NET 4.5.2, ASP.NET MVC 6.0/5.2, Silverlight 6 and Visual Studio Lightswitch, ASPHostPortal guarantees the highest quality product, top security, and unshakeable reliability, carefully chose high-quality servers, networking, and infrastructure equipment to ensure the utmost reliability.