How to Build a Page Using JSN Pagebuilder

One of the main obstacles in building a Joomla website, is getting through long lines of code. Luckily, JSN PageBuilder can help. All you have to do is select and customize from various types of elements pre-provided by the extensions. JSN...

Method 1 of 2:

Initial Setup

  1. Picture 1 of How to Build a Page Using JSN Pagebuilder
    Download JSN PageBuilder (beta) FREE. Visit http://www.joomlashine.com/joomla-extensions/jsn-pagebuilder.html.
  2. Picture 2 of How to Build a Page Using JSN Pagebuilder
    Go to the Joomla back-end. For example: yourJoomlawebsite/administrator
  3. Picture 3 of How to Build a Page Using JSN Pagebuilder
    Install the downloaded package in the back-end. Go to Extensions → Extension Manager → Click the button "Browse" → Select the installation file → Upload & Install. The installation will complete after a few seconds.
  4. Picture 4 of How to Build a Page Using JSN Pagebuilder
    Select JSN PageBuilder to open interactive mode. Go to Content → Article Manager → Choose your current article/Add new article → Select PageBuilder[BETA] (instead of Default Editor).
  5. Picture 5 of How to Build a Page Using JSN Pagebuilder
    Define content layout. Click to add new rows and columns to the article. You can easily change the column widths to fit your purpose.
Method 2 of 2:

Add and customize elements for each content section

  1. Picture 6 of How to Build a Page Using JSN Pagebuilder
    Click 'Add element' and select suitable type of content: JSN PageBuilder provides you with the most popular types of elements for a Joomla website.
  2. Picture 7 of How to Build a Page Using JSN Pagebuilder
    Customize the elements. Select the element you want to customize and change the data, parameters, and styling.
  3. Picture 8 of How to Build a Page Using JSN Pagebuilder
    View the page. View your front-page once you've finished editing content in your back-end with JSN PageBuilder
Update 05 March 2020
Category

System

Mac OS X

Hardware

Game

Tech info

Technology

Science

Life

Application

Electric

Program

Mobile