Using an Accordion

The accordion module allows you to create simple container rows for displaying labels and hidden content. Users click on the container labels to display further information held in the accordion content area.

Accordions are great for FAQs where a simple list of questions can be clicked to open up answers.

The accordion module is part of the Page Builder, and can be accessed under the Advanced Modules area.

Check out the video below for a great introduction to the Accordion Module.  Video produced by the Beaver Builder Team.

https://vimeo.com/117774209

Using the Page Builder (Beaver Builder)

Pages and Posts are great for simple web content, and WordPress has some great built-in options for embedding media and creating photo galleries.  But what if you want to do something more advanced, like create text in columns, create a FAQ page utilizing an accordion, or make a really neat staff directory?

Enter the Page Builder

One of the plugins that is offered for websites on our WordPress system is Beaver Builder, which is a Visual Page Builder especially for WordPress.  Users of the SJU WordPress System can request to have this plugin activated on their sites.

Editing a Page Builder Page

Some of your pages on your website may be using page builder already!  You will see a screen that looks like the picture below when you go to edit one of these pages.  Click the big blue “Launch Page Builder” button!  You’ll be brought into the page builder, where you can make your changes.

Using the Page Builder

The Page Builder offers a number of built-in page layouts (templates) and ways for displaying content (modules).  Once the Page Builder is enabled on your site, you need to activate it on any page.  Simply edit a page, and click the “Page Builder” tab.

Video Tutorial

Here is a great video tutorial created by a web developer on YouTube about using the Page Builder that should help you get started.  We will be adding additional resources to this page along with additional tutorials to help you learn more about using Beaver Builder.