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

You've just finished reading the article "How to Build a Page Using JSN Pagebuilder" edited by the TipsMake team. You can save how-to-build-a-page-using-jsn-pagebuilder.pdf to your computer here to read later or print it out. We hope this article has provided you with many useful tech tips and tricks. You can search for similar articles on tips and guides. Thank you for reading and for following us regularly.

« PREV How to Use IETester
NEXT » How to Manage a Joomla! Website with JSN Poweradmin