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. How to Build a Page Using JSN Pagebuilder Picture 1How to Build a Page Using JSN Pagebuilder Picture 1
    Download JSN PageBuilder (beta) FREE. Visit http://www.joomlashine.com/joomla-extensions/jsn-pagebuilder.html.
  2. How to Build a Page Using JSN Pagebuilder Picture 2How to Build a Page Using JSN Pagebuilder Picture 2
    Go to the Joomla back-end. For example: yourJoomlawebsite/administrator
  3. How to Build a Page Using JSN Pagebuilder Picture 3How to Build a Page Using JSN Pagebuilder Picture 3
    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. How to Build a Page Using JSN Pagebuilder Picture 4How to Build a Page Using JSN Pagebuilder Picture 4
    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. How to Build a Page Using JSN Pagebuilder Picture 5How to Build a Page Using JSN Pagebuilder Picture 5
    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. How to Build a Page Using JSN Pagebuilder Picture 6How to Build a Page Using JSN Pagebuilder Picture 6
    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. How to Build a Page Using JSN Pagebuilder Picture 7How to Build a Page Using JSN Pagebuilder Picture 7
    Customize the elements. Select the element you want to customize and change the data, parameters, and styling.
  3. How to Build a Page Using JSN Pagebuilder Picture 8How to Build a Page Using JSN Pagebuilder Picture 8
    View the page. View your front-page once you've finished editing content in your back-end with JSN PageBuilder
3.5 ★ | 2 Vote