This block lets you insert images easily into your Joomla pages. You can select images by browsing your Joomla folders or upload new images.
The heading block for headings and subheadings of your page. Headings have six levels and similar options as paragraph block.
The paragraph is one of the simplest blocks and also one of the most commonly used. Wherever you need a piece of text on the page, you will use this block.
Columns are located inside the rows, divide them vertically, and they are containers for your blocks. Columns can have different widths and vertical alignment. Columns also can have background color or image.
You can use Sparky Page Builder to edit Joomla articles, custom modules, and other Joomla content that uses an editor from the front-end of your Joomla site. Of course, you should be logged in and have the correct privileges to edit the content.
There are two ways to install Sparky Page Builder. It can either come pre-installed with one of our templates or you can install it as a Joomla package.
Rows are sections of your Joomla articles. Rows are also containers for columns. Each row can have a fixed, full, or fluid width and can contain from 1 to 12 columns. Rows can have background color or image. There are multiple parameters for each row that we will explain here.
The Sparky Page Builder includes two Joomla plugins. They all are packed into a single Joomla package file. To uninstall the Sparky Page Builder completely, you should uninstall the package. This is how to do it.
Sparky Page Builder uses Joomla Update System to keep Sparky’s template and all plugins up-to-date. When there’s a new version of a plugin available, you will see a notification in your Joomla Administration Panel.
You can use Sparky Page Builder to edit Joomla articles, custom modules, and other Joomla content that uses editor from Joomla Administrator's panel (backend).
There are some requirements that your web server and browser should meet to run the Sparky Page Builder without problems.
Sparky Page Builder is an extension package for Joomla CMS. You can install it as a part of your existing Joomla installation or you can get it in a template package (when you install this template with demo data, you get the page builder as well).
You can use Sparky Page Builder even if you are a Joomla newbie. With Sparky Page Builder, it’s not necessary to write any code manually. However, if you know HTML, CSS, and JavaScript, you can combine your skills with our page builder features.
Since this page builder is developed for Joomla CMS, you should have a fair knowledge about the administration of Joomla websites.
A few sections in this documentation are marked as “advanced” and they are appropriate for users familiar with HTML and CSS.
Sparky Page Builder is a powerful Joomla plugin that lets you create and edit complex web pages without coding skills. It's truly integrated into Joomla and can be enabled or easily as any other Joomla editor. Besides Joomla core, it can be also used with 3rd party extensions (K2, VirtueMart, J2Store, etc...). It will change the way you are working with Joomla articles (pages) and make it faster and easier.
Joomla Page Builder — Sparky allows you to visually create a layout for your Joomla pages (or custom modules, product pages...) and add or edit the page content without coding skills using blocks. It is very intuitive to use, user-friendly, and allows you to visually edit your articles like no other page builder. Our page builder is lightfast as it's developed in vanilla Javascript (without any dependencies). It's fully integrated into Joomla as any other editor.
Do you like Sparky Page Builder? Please write a review on JED.
With our modern Joomla page builder, you can create complex layouts for your Joomla pages with just a few clicks. Rows, columns, and blocks are the building elements of your Joomla pages.
RowsRows are containers for columns. They are sections of your web page. Each row can have a fixed, full, or fluid width and can contain from 1 to 12 columns. Rows can have background color or image.
ColumnsColumns are located inside the rows, divide them vertically, and they are containers for your blocks. Columns can have different widths and vertical alignments. Columns also can have a background color or image.
BlocksBlocks are the cells of your content. Each block contains a different element for your page. A block can be a paragraph of text. A block can be a heading. A block can be a button or an image. But the block can also be a Joomla module or custom code.
Once your layout is ready, fill it up with blocks. There are blocks for various purposes. A paragraph of text or a heading. An image or icon or multimedia. Everything is a block in the Sparky Page Builder.
ParagraphA basic commonly used block of text with options to set the color, font size, and alignment. This is a block that you will use often.
HeadingThe heading block for headings and subheadings of your page. Headings have six levels and similar options as paragraph block.
ImageInsert images easily into your Joomla pages using the image block. Select images by browsing Joomla folders or upload them.
ButtonCall to action buttons navigate visitors to the important sections of a website. Use this block to create and style your buttons.
ListUnordered and ordered lists with options for font style, similar as in paragraph block. You can select custom bullet images.
IconPowered by the popular FontAwesome icon set, this block allows you to insert any icon from this collection and style it (1,600+ icons available).
SocialAdd icons with links to your profiles on Facebook, Twitter, Instagram, and 40 more popular social networks. Control icons appearance.
VideoInclude a locally hosted video into Joomla pages easily. Select one or more video formats to maximize compatibility with browsers.
AudioInclude a locally hosted audio file into your Joomla pages. All audio formats approved by W3C are supported.
IframeUsing the Iframe block, you can include an external website into your Joomla page. Control Iframe dimensions and alignment.
SeparatorThis block lets you add a horizontal ruler (line) that separates two blocks. You can change the line color and thickness.
SpacerA simple, yet useful block that allows you to add some spacing between any two blocks. You can set the spacing size.
If you need a feature not available with basic blocks, you can use advanced blocks to include Joomla modules or custom code.
Custom HTMLFor those who are experienced in HTML, this block allows adding an HTML code snippet and achieving advanced functionalities.
Joomla ModuleThis block lets you select and include any Joomla module available in your Joomla installation. The login form, search box, newsflash... any module!
The modular structure of the Joomla page builder allows us to add more blocks for various purposes in future versions without compatibility issues.
With the Joomla page builder, you will easily create mobile-friendly websites. Complex layouts will automatically adapt to the small mobile screens.
The Joomla page builder creates a layout in the form of rows with one or multiple (up to 12) columns. As mobile screens are small, the columns made with the page builder will automatically stack one above the other. You can also define different behavior for some rows. For example, for a row that contains 6 columns, you can select that it contains 3 columns on tablets and one column on smartphones.
Regardless of the width they have on the desktop screen, all the images, iframes, multimedia, etc., will be automatically resized to the width of a mobile screen. It will prevent all possible "content wider than the screen" errors.
Sparky Page Builder is not a separate component. It's a page builder in the form of a Joomla editor. Therefore, it's fully integrated into Joomla.
Almost all page builders for Joomla are developed as separate components. Our page builder has all these features that allow you to visually create a layout and edit content. However, it is developed in the form of a Joomla editor, and it's fully integrated into Joomla (like Gutenberg is integrated into WordPress).
You can use this Joomla page builder not just to create and edit Joomla articles. You can use it in all these places where you were using a regular Joomla editor. This means it will be there for you when you are in custom modules, contacts, K2 articles, J2Store products, VirtueMart products, etc.
With our page builder, you can, for example, manage your blog. It's possible to use "read more" tags and create multi-page articles. Enjoy all the features of old, good Joomla, now powered with a real page builder.
Developed in vanilla JavaScript, our page builder works seamlessly with all major versions of Joomla (3, 4, 5, and 6).
Enjoy the features of our page builder and don't worry about incompatibility issues with Joomla, Bootstrap, or any other JavaScript or CSS framework. Sparky Page Builder is developed in vanilla JavaScript and therefore it's light-fast, but also immune to possible incompatibility issues with future Joomla versions.
When you edit a page created in Sparky, under the hood, Sparky "converts" it into a JavaScript object. All your edits are later saved in this object, allowing you to see the results instantly. The CSS and JavaScript code from the Joomla page builder is 100% custom! Therefore, there won't be any conflicts or incompatibility issues if you decide to use Bootstrap (any version) or TailwindCSS with Sparky.
This page builder will change the way you create Joomla pages! You can download it with any club membership or purchase Joomla templates powered by the page builder separately.
Professional support is included. With club membership, you will also get access to 100+ Joomla templates.
These Joomla templates are powered by the Sparky Page Builder. When you download any of these templates, the page builder will be included and pre-installed.
Sparky Page Builder is very intuitive and you can learn how to use it even without tutorials and documentation. However, we are preparing online documentation and videos that will guide you through the page builder features and functions. Everything from the package installation to the finalization of your Joomla page.
We did our best to document all features of our framework. If you find any errors in the text or want to propose a new feature, please don't hesitate to post on our support forum. The developers of the Sparky Page Builder will be happy to consider your feedback.
Professional support, as well as a large collection of Joomla templates, is also available for all premium members. Please consider joining our template club today to support our future development of the Sparky Page Builder!
Select a topic from the right menu or go to the first section.
Happy reading and happy development with Sparky!
p.s. Do you like Sparky Page Builder? Please write a review on JED.
Your site should leave a good impression on the visitors. This is guaranteed with our products that are based on professional designs. There are no two similar templates in our collection. Each design comes with a variety of color schemes.
We follow trends in modern design, such as good typography and animation. All our software is responsive, compatible with Bootstrap, and optimized for both big desktop monitors and small screens of all kinds of smartphones and tablets.
Sparky Framework is the only framework for development without constraints! Control all aspects of your site or blog or eCommerce. Sparky Page Builder helps you to create layouts for your pages and add content easily.
If you run into any problem during installation or customization, you can use our support tickets or forums. Our professional and skilled developers will reply to any question in no time. Valuable help for a startup or established business.
