Page Designer Modules

  1. Home
  2. Support
  3. Page Designer Modules
  4. Testimonial Module with the Website Page Designer

Testimonial Module with the Website Page Designer

Customer testimonials are a great way to help convert visitors to your website into new customers. Testimonials are quotes from your clients that build credibility and make people trust the products or services you are selling or providing.

You can insert testimonials with the Page Designer that will feature a quote and the author’s name. Enter the page designer and add a new module. You can locate this module within the list or directly search for it.

Content settings

Adjust the content settings to customize what will appear on the module.

Text

Here you can add the author’s name, the job title, company, and the testimonial text.

Image

You can add a picture of the author or a different image to go with the quote.

Elements

Show or hide the quote icon.

Link

If you want that the element opens a new URL when someone clicks on it, paste that link here and decide if the link will open in the same window or tab.

 Background

Add a background color, gradient, image or video to your module.

Admin label

You can modify the module’s label for easier identification.

Design settings

Adjust the design settings.

Quote Icon

Define the color and background of the quote icon.

Text

Adjust the text color, shadow, and orientation.

Image

Define, for the image, its width, height, corners, border, and color tone.

Body Text

Style your text in terms of font, alignment, color, size, spacing, and height.

Sizing

Adjust the width of the module.

Spacing

Customize margins and padding sizes.

Border

Define the border’s corner, style, color, and width.

Box Shadow

Here you can enable box shadow.

Filters

Adjust the hue, saturation and other filter settings of the module as a whole.

Animation

Give an animation style to the module, like fading or sliding when it appears.

Advanced settings

Using this tab you are able to insert CSS code, select device visibility, and manage transitions. Check this guide to know more about how to use these settings.

Use Case

We are going to create a simple testimonial now:

Author Name: Mr.Pink

Company: Show Biz Co.

Background: gradient with blue and orange

Quote icon: orange

Something missing? Contact us
Was this article helpful to you? Yes No

How can we help?