# How to Add Testimonial to Your Page ?

**<span style="color: rgb(0, 0, 0);">Through this document , you will uncover the 'Testimonial' feature properties in site editor page through these key elements:</span>  
  
[<span style="color: rgb(0, 0, 0);">1. Adding a Testimonial</span>](https://kb.salerise.com/link/27#bkmrk-adding-a-slideshow)  
[<span style="color: rgb(0, 0, 0);">2. Feature Settings Window</span>](https://kb.salerise.com/link/27#bkmrk-feature-settings)  
[<span style="color: rgb(0, 0, 0);">3. Style Settings Window</span>](https://kb.salerise.com/link/27#bkmrk-style-settings)**

### **<span style="color: rgb(186, 55, 42);">Adding a Testimonial</span>** 

- Drag the testimonial icon from the available features

[![image.png](https://kb.salerise.com/uploads/images/gallery/2023-11/scaled-1680-/QJEimage.png)](https://kb.salerise.com/uploads/images/gallery/2023-11/QJEimage.png)

- Drop the testimonial icon into the desired location on your website page

[![image.png](https://kb.salerise.com/uploads/images/gallery/2023-11/scaled-1680-/l9kimage.png)](https://kb.salerise.com/uploads/images/gallery/2023-11/l9kimage.png)

### <span style="color: rgb(186, 55, 42);">**Feature Settings**</span>

Upon dropping the testimonial, a settings window will appear, offering four main features:

- **Images**
    
    
    - Include images for your testimonial on your website by choosing from three options: select from your uploaded images, use sample images from the website, or upload new images.

<iframe allowfullscreen="allowfullscreen" height="435" src="https://www.youtube.com/embed/mUwOqfJ-7KM?feature=shared" width="776"></iframe>

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

- **Settings**
    
    
    - Enter the person name , description ,and company name.
    - Determine how your testimonial is visible on devices (Mobile , Tablet , Desktop , Large desktop).

<span style="background-color: rgb(255, 255, 255);"><iframe allowfullscreen="allowfullscreen" height="435" src="https://www.youtube.com/embed/-AsWeSMbn0Q?feature=shared" width="776"></iframe>

  
</span>

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

- **Design**
    
    
    - Select your texts font type from a long list of options.
    - Determine different design features of your testimonial (Margin , Padding , Border , Color , Style , Font)

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

- **Animations**
    
    
    - Add animation to your person name and description from a long list of animation options.
    - <span class="ui-provider ef ayj ayk ayl aym ayn ayo ayp ayq ayr ays ayt ayu ayv ayw ayx ayy ayz aza azb azc azd aze azf azg azh azi azj azk azl azm azn azo azp azq" dir="ltr">Enhance your animated texts by incorporating timing in seconds.</span>

### **Style Settings**  


**Design Features**

- Access the "Design" feature to customize your testimonial appearance. Within this feature, you can determine the following properties:
    
    
    - **Margin**: Set the spacing around your testimonial to control its placement on the page.
    - **Border**: Define a border for your testimonial to add a distinct visual element.
    - **Color**: Choose the color that best complements your website's theme or design.
    - **Style**: Apply different styles to your testimonial, enhancing its visual appeal.
    - **Gradient**: Add gradient effects to your testimonial for a more dynamic and modern look.

**Background Features**

- Navigate to the "Background" feature to enhance the backdrop of your testimonial.  
      
    
    - **Upload Images**: Insert images as a background for your testimonial, providing visual interest.
    - **Sample Images**: Explore pre-loaded image samples for quick and easy background selection.
    - **Background Styling**: Customize the testimonial background further with options like:
        
        \- Background Repeat: Control how the background image repeats.  
        \- Background Fill: Adjust how the background fills the space around the testimonial.  
        \- Background Position: Define the positioning of the background image for optimal display.

**Style Customization**

- Within the "Style" section, further refine your testimonial presentation by adding classes from a dropdown list with a plethora of options.
- Determine how your testimonial is visible on devices (Mobile , Tablet , Desktop , Large desktop.