Our Agents Can Help You Save.
(877) 643-5548
Find an Installer
Get a Quote

Page Builder: Widgets

Table of Contents:

  1. Widgets Overview
  2. How to Add a Widget
  3. How to Configure an Image Widget
  4. How to Use the Rich Text Widget / Editor
  5. How to Configure a Hero Section Widget
  6. How to Configure a Panel Widget
  7. How to Configure a Video Widget
  8. How to Configure a Stat Card Widget
  9. How to Configure a Banner Widget
  10. How to Configure a Card Widget
  11. How to Configure a Testimonials Section

Widgets Overview

After you added sections to your page, you need to add widgets to those sections.

Widgets are different components that have specific functionalities.

Rise created a pre-built library of widgets for you to use:

  • Image
  • Rich Text
  • Hero Section
  • Block Quote
  • Panel
  • Video
  • Stat Card
  • Card
  • Testimonials

The next sections of the document will explain each widget in detail and how to use them.

How to Add a Widget

Click on the image to expand.
  1. From the Applications menu, navigate to the Pages interface under Content Management
  2. Click on the Edit button or make sure it is selected
  3. Find and select any page from the tree where page builder functionality is enabled
  4. Click on the Page tab or make sure it is selected
  1. Scroll down and find the section to place the widget
  2. Click on the + button
  3. Find the widget of your preference and click on it (e.g. Image)
  4. Click on the Save button

How to Configure an Image Widget

click on the image to expand.

Precondition: The user has previously added the Image widget to the section.

  1. Click on the Configure Widget icon
  2. Fill out the fields
  3. Click on the Apply button 
  4. Click on the Save button

How to Use the Rich Text Widget / Editor

Click on the image to expand.

Precondition: The user has previously added the Rich Text widget to the section.

  1. Click in the center of the widget to display text editor options
  2. Enter the text and/or images
  3. Highlight text and select from the formatting options to adjust the appearance.
  4. Click on the Save button

How to Configure a Hero Section

Preconditions:

  • The user has previously added the Hero Section widget 
  • The widget must be placed on top of the Page Builder sections
  • All the Headline field in the Content tab must be empty

Notes:

  • The Hero Section widget should always use Standard Section as the section type 
  • The Hero Section widget should go full width across the page to keep design consistent on the site. See more details on How to Configure Section Properties
Click on the image to expand.
  1. Click on the Configure Widget icon
  2. Fill out the fields
  3. Click on the Apply button 
  4. Click on the Save button

How to Configure a Panel Widget

Click on the image to expand.

Precondition: The user has previously added the Panel widget to the section.

  1. Click on the Configure Widget icon
  2. Fill out the fields
  3. Click on the Apply button 
  4. Click on the panel to update the content using the WYSIWYG
  5. Click on the Save button

How to Configure a Video Widget

Click on the image to expand.

Precondition: The user has previously added the Video widget to the section.

  1. Click on the Configure Widget icon
  2. Fill out the fields
  3. Click on the Apply button 
  4. Click on the Save button

How to Configure a Stat Card Widget

Click on the image to expand.

Precondition: The user has previously added the Stat Card widget to the section.

  1. Click on the Configure Widget icon
  2. Add an image and headline in the fields
  3. Click on the Apply button 
  4. Click on the Save button
Click on the image to expand.

Precondition: The user has previously added the Banner widget to the section.

  1. Click on the Configure Widget icon
  2. Add an image and headline in the fields
  3. Click on the Apply button 
  4. Click on the Save button

How to Configure a Card Widget

Click on the image to expand.

Precondition: The user has previously added the Card widget to the section.

  1. Click on the Configure Widget icon
  2. Fill out the fields
  3. Click on the Apply button 
  4. Click on the Save button

How to Create and Configure a Testimonials Section

Note: The individual testimonials that will appear in a Testimonials section are housed in a separate folder in the content tree. The testimonials must be created before a Testimonials section can work.

Precondition: The user has previously added the Card widget to the section.

Click on the image to expand.

Part 1: Create New Testimonials

  1. Find the position on the tree and select your new General Content page as the parent
  2. Click on the + icon
  3. Find the page type of your preference and click on it
  4. Select Testimonials Folder
  1. Give the folder a name and click Save
  2. With this folder selected in the content tree, click on the + icon
  3. Select Testimonial
  4. Fill out the fields
  5. Click on the Save button
  6. Click on the Publish button
  7. Repeat steps 7-10 to add more testimonials
Click on the image to expand.

Part 2: Configure the Testimonials Section

  1. Navigate back to the general content page the testimonials will be displayed on
  2. Click on the Configure Widget icon on the Testimonials section
  3. Select the testimonials folder in the content tree
  4. Click on the Apply button 
  5. Click on the Save button