How to Add Classic Testimonial in Bricks Builder Using BricksFly

BricksFly Classic Testimonial Element allows you to display customer feedback in a clean, responsive slider. You can choose from multiple testimonial styles, add customer details, and customize the slider settings to match your website design.

Requirement 

Make sure you have installed:

• Bricks Theme 
• BricksFly Pro

Activate Classic Testimonial in BricksFly

1. Go to your WordPress Dashboard. 
2. Click on BricksFly. 
3. Head to the Elements tab. 
4. Under General, toggle on Classic Testimonial.

Step 1: Configure the Testimonial

Testimonial Style: Selects the visual design used for the Classic Testimonial Element. Available styles include One, Two, and Three.

One: Displays testimonials using the first available design layout.

Two: Applies the second design with a different arrangement of the content, image, and customer information.

Three: Uses the third design to provide another visual layout for displaying testimonials.

For this example, Testimonial Style One is selected, but you can choose any available style based on your preference.

Testimonials: Add as many items as needed for your testimonial content. For this example, three items are added.

Afterward, click each testimonial item to configure its content.

Content: Adds the customer’s testimonial or feedback text. In this example, user feedback is added to the content field.

Image: Allows you to upload or select the customer’s profile image. In this example, a custom image URL is added.

Name: Sets the name of the customer or reviewer.

Designation: Adds the customer’s job title, company role, or other supporting information.

Link: Adds a clickable link to the testimonial item, customer profile, company website, or another relevant page. In this example, no links are added, but you can add them as needed.

Quote Icon: Selects the quotation icon displayed with the testimonial content. In this example, a quote icon is added.

Step 2: Adjust the Slider Options

Slides to Show: Controls how many testimonial slides are visible at the same time. For this example, 1 is selected, but you can choose any number based on your design requirements.

Autoplay: Enables or disables automatic slide movement. For this example, Autoplay is enabled.

Autoplay Delay (ms): Sets how long each slide remains visible before moving to the next one. In this example, the delay value is set to 3000, but you can enter any value based on your requirements.

Pause on Interaction: Pauses autoplay when visitors interact with the slider. In this example, the option is enabled.

Allow Touch Move: Allows visitors to swipe or drag between slides using a touchscreen or mouse. However, in this example, the option is disabled.

Loop: Enables continuous sliding by returning to the first testimonial after the final slide. For this example, the option is enabled, but you can enable or disable it based on your requirements.

Animation Speed (ms): Controls how quickly the slider moves from one testimonial to another. In this example, the animation speed is set to 500 ms.

Space Between (px): Adjusts the spacing between testimonial slides. For this example, the Space Between value is set to 20 px.

Navigation: Shows or hides the controls used to move between slides. Available navigation options include Arrows and Dots, Arrows, Dots, and None. For this example, Dots is selected.

Direction: Controls the direction in which the testimonial slider moves, such as left to right or right to left. For this example, the direction is set to Left to Right.

Final Result