How to Build a Page Using JSN Pagebuilder

Two Methods:Initial SetupAdd and customize elements for each content section

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 PageBuilder will do the rest for you.

Method 1
Initial Setup

  1. Image titled Build a Page Using JSN Pagebuilder Step 1
    1
    Download JSN PageBuilder (beta) FREE. Visit http://www.joomlashine.com/joomla-extensions/jsn-pagebuilder.html.
  2. Image titled Build a Page Using JSN Pagebuilder Step 2
    2
    Go to the Joomla back-end. For example: yourJoomlawebsite/administrator
  3. Image titled Build a Page Using JSN Pagebuilder Step 3
    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. Image titled Build a Page Using JSN Pagebuilder Step 4
    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. Image titled Build a Page Using JSN Pagebuilder Step 5
    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
Add and customize elements for each content section

  1. Image titled Build a Page Using JSN Pagebuilder Step 6
    1
    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. Image titled Build a Page Using JSN Pagebuilder Step 7
    2
    Customize the elements. Select the element you want to customize and change the data, parameters, and styling.
  3. Image titled Build a Page Using JSN Pagebuilder Step 8
    3
    View the page. View your front-page once you've finished editing content in your back-end with JSN PageBuilder

Article Info

Categories: Web Programming