How to Build a Page Using JSN Pagebuilder

Method 1 of 2:

Initial Setup

  1. How 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 2
    Go to the Joomla back-end. For example: yourJoomlawebsite/administrator
  3. How 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 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 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 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 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 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

May be interested

  • Instructions to build the Strong Animal DTCL season 2 squadInstructions to build the Strong Animal DTCL season 2 squad
    instructions on how to build the dtcl poison force dtcl season 2 in this article can help you overcome many current hot squads in the current meta game.
  • How to number page combination i ii iii and 1, 2, 3 on WordHow to number page combination i ii iii and 1, 2, 3 on Word
    page numbering combines i ii iii and 1,2,3 in word frequently encountered when making documents, essays, reports, ...
  • Number the page for the text in WordNumber the page for the text in Word
    introduce page numbering for text in word. 1. number the page for all the pages. - go to insert - header & footer - page number - select the position and how to put the page number in it: + top of page: put the page number at the beginning of the text page. + bo
  • What is Pagefile.sys and should it be disabled?What is Pagefile.sys and should it be disabled?
    what is pagefile.sys? what does the page file do on the computer? how does the page file work, should it be disabled on windows?
  • Learn about Chrome: // Chrome pageLearn about Chrome: // Chrome page
    in the previous article, we introduced you to some of the technical features of firefox's about page, and this time we will continue to learn about chrome's similar page system, which is chrome: //
  • Page numbering steps in Microsoft Word MicrosoftPage numbering steps in Microsoft Word Microsoft
    page numbering in microsoft word is a basic and very simple operation when you work with documents. for those who often have to print references, manuals, and textbooks, creating page numbers will help viewers find content faster, through the table of contents in word.
  • How to build a small PC with Mini-ITXHow to build a small PC with Mini-ITX
    you want to build a new pc yourself, but don't have a lot of space and a little limited budget. so it's time to take a look at the mini-itx form factor.
  • Microsoft released Windows 10 build 17074, providing operating systems with many new featuresMicrosoft released Windows 10 build 17074, providing operating systems with many new features
    this is microsoft's first windows 10 build in 2018 for the windows insider program released to users of the fast ring branch (including skip ahead). the windows 10 build 17074 version has many improvements to the operating system that are not inferior to the final build of 2017.
  • How to design a beautiful landing pageHow to design a beautiful landing page
    this article will share tips when designing a landing page and give you a collection of landing page examples to get inspired.
  • Text file formatText file format
    many times you are struggling to know how to shoot a horizontal page in a whole page of text. or every time you create a new file you have to reformat the text for the page even though the previous and next margin sizes do not change, etc. tipsmake.com will guide you on how to format the page margins, rotate the horizontal page, vertical page