Free Joomla Tutorial – SP Page Builder Masterclass For Beginners
The fastest and easiest way to create a website in minutes without coding with Joomla. Used by 400,000+ people globally! – Free Course
What you’ll learn
- Create any type of website for their business
- Learn how to create websites with Joomla without coding using SP page builder revolutionary drag and drop builder.
- Basic knowledge of using a computer. Everything you need to know will be taught from step 1.
SP Page Builder is the revolutionary drag-and-drop website builder that allows non coders to create websites in minutes…literally! Even if you’ve never create a website in your life, at the end of this course, you’re going to learn step-by-step how to build and launch your own powerful website; (ecommerce, information, sales page, etc). Some of the amazing features includes:
Fully Responsive and Mobile Friendly Design
Whatever you build with SP Page Builder, that becomes fully responsive and mobile friendly.SP Page Builder uses Bootstrap 4 to get it done smoothly. If you create a page with this tool, that will be 100% responsive and mobile ready. Its like a magic.
Real-time Frontend Editing
SP Page Builder brings a whole new frontend editing system for your most convenient web development experience. Add an element, edit and see the changes in real-time.Watch your customization as it takes place, no preview needed. Everything is happening right in front of your eyes.
Readymade Section Designs
Utilize90+ ready-to-use section designs brought to you by SP Page Builder. These built-in sections will make your development work unbelievably easy.Drag and drop any block of your choice and the page will get the design instantly. The whole process completes in moments!
Device Specific Responsiveness
‘One size’ doesnt fit to all. Thats why in SP Page Builder, we have introduced device-specific responsiveness. You can render your site as in different devices and see how it looks on a certain device category.The most exciting part is, you will experience all these customizations live!
Build Your Own Section Library
Forget making similar sections again and again for your website. With the new SP Page Builder library system, you can reuse a previously designed section repeatedly on different pages.All you have to do is to save your design in the library and place it wherever you want. So simple, isnt it?
Renovated System Structure
Weve completely overhauled the SP Page Builder UI & UX. We have redesigned the complete look and feel of both the editors (back and front).To make the development process faster, we said goodbye to Modals, everything is now live and within the reach of your hands.
Polished and Trendy Addons
The addons got a redefined new look with an extended number fields & functionalities. Now play around with our innovative addons more comfortably.The new fields and customization tools will take your experience to a new standard. Bring your dreams into reality with these powerful addons.
Re-engineered Media Manager
SP Page Builder brings the most advanced media manager you can imagine. We have applied the trendy Material design concept to it. The re-engineered functionalities are really surprising.It supports a lot of file types and attachments such as images, videos, documents and archives.
Amazing Shape Divider
Giving a different look to your website is easier with Shape Divider. There are lots of readymade shapes in SP Page Builder to design different parts of your webpages.Adding shapes to the top and bottom of the website sections is quite easy. You can also invert and flip the shapes flexibly.
Customize Font Styles
Changing the styles of the texts is easier than ever with SP Page Builder. Setting the font weight and making it more attractive can be done easily right from the addons editing interface.Pick a font then style it with all available options including text size, letter spacing, margin, alignment etc.
Adorning your site with texts is incomplete until you have the way to choose your desired fonts. With SP Page Builder, you have the ability to use Google Fonts on your site.Pick the right fonts from a vast collection of Google Fonts to get a great typography at the easiest effort possible.
The layout of SP Page Builders frontend editor is redesigned having Material Design at the core. Now you dont have to open the addons or row options to modify the contents.Every styling can be done on the sidebar. Also, we have improved the layout and UX of the backend editor.
Create Complex Row-Column Structures
With SP Page Builder, your creativity knows no bound. Its possible to build any layout you can imagine.Adding rows, columns, nested columns and inserting addons can be done in a blink of an eye. You can adjust margins, paddings and gutters to craft a perfect layout quickly.
Duplicate Anything in One Click
SP Page Builder offers copy-paste functionalities that will help you quickly create complex layouts by re-using existing rows, columns and addon arrangements. You can easily copy elements and paste them on desired positions.
Enable or Disable Rows/Columns/Addons
Easily enable or disable page elements such as rows, columns, and addons. The disabled element will still exist on the backend, but users will not see them on the live site.This way, you can perform experiments and continue development activities without losing valuable customizations.
Unlimited Undo and Redo
Enjoy the unlimited undo/redo capability of SP Page Builder in a much better way with thelatesttool. Using this feature, you can instantly undo or redo changes while editing a page.Its an incredibly useful functionality that you will find life-saving. Reverting to a previous state of a page is so easy.
Control Column Horizontal Spacing (Gutter)
With SP Page Builder, you can control column horizontal spacing known as gutter. Removing the gutter space may be required if your page design demands adjacent columns where there will be no space between two columns.So, now you can comply with that by simply removing the gutter.
SP Page Builder offers 100% freedom in languages. Whatever may be your site language (including RTL scripts), the page builder will work natively. Moreover, with the language management system, you get a single-click method in the component to install new languages.Then the page builder will be displayed in the languages accordingly with your sites default language.
Pre-designed Template Layouts
25+pre-designed page layouts are provided inside SP Page Builder Pro. You can use these readymade page layouts to launch a site in minutes.Just choose a pre-built layout and customize it with your contents. The site is ready. New layouts are being added on a regular basis.
Export and Import Pages
Its a really time-saving and convenient feature you must enjoy. With SP Page Builder, you can export page layouts and later import them to get the structure back.The export-import feature lets you use a previously created page layout and build a site in the shortest period of time.
Unlimited Nested Rows
Using the nested row feature of SP Page Builder, you can insert rows inside the existing rows or columns to create complex page layouts and show contents exactly in the way you want.This functionality opens a huge door of freedom in front of a developer and ensures a better UX for the end users.
Add Custom CSS to Pages
SP Page Builder packs a lot of innovative and useful tools that are more than enough to build any website layout and structure without coding a single line.At the same time, the tool offers you the freedom of getting more personalized look by adding custom CSS to a page element. Enjoy!
Create Professional Joomla Articles
SP Page Builder supports native Joomla articles. It lets you utilize the tools powerful features to decorate selected Joomla articles with the ultimate freedom. So create, beautify and manage Joomla articles more professionally with SP Page Builder.
Rich Editing Experience with JCE
Youve demanded it, and weve delivered it. SP Page Builder Pro comes with JCE editor support which will enable you to use JCE facilities inside the SP Page Builder text editing interface.So a new option is now open before you in case if you dont want to use TinyMCE editor.
Page Builder Module
Now you can use addons like tab, accordion and so on in any Joomla! module position with the Page Builder Module.It facilitates to create beautiful designs in module positions without any manual coding.
Facebook Open Graph Data
Open Graph data plays a vital role in social media appearance of a site. For example, Facebook collects link title, description and thumbnail images from the open graph data.Using SP Page Builder open graph settings, you can easily define your page title, page description, thumbs and so on.
Create K2 Items Visually
Many of you use K2, the popular content extension for Joomla sites. Besides native Joomla articles, SP Page Builder supports K2 items as well.That means you can now edit and style your K2 powered contents directly using the diverse SP Page Builder functionalities.
Compatible with J2Store
Managing a shop page or eCommerce site with J2Store? Its very crucial to present your products in the perfect way to grab the maximum extent of customer attention.SP Page Builder lets you decorate J2Store item descriptions to make them more attractive and gain the best conversion rate.
Utilizing ACL (Access Control List) support, you can control the accessibility separately for each page or single Addon for different user groups.This functionality empowers you to show/hide any page or element for specific types of users. This can play a crucial role in a better site management and protecting privacy.
SP Page builder is updated on a monthly basis with new features, fixes, and add-ons.
Author(s): Mathew Tamin