How to Add Modern Testimonial in Bricks Builder Using BricksFly

Modern Testimonial Element lets you display customer feedback in a customizable slider. You can manage testimonial items, control slider behavior, adjust transition settings, and configure navigation to match your website layout.

Requirement 

Make sure you have installed:

• Bricks Theme 
• BricksFly Pro

Activate Modern Testimonial in BricksFly

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

Step 1: Configure the Testimonial Content

Section Title: Adds the main heading displayed above the testimonial slider.

HTML Tag: Selects the HTML tag used for the section title, such as H2, H3, H4, or another available tag. Choose the tag according to your page heading structure. For this example, the HTML tag is set to H2.

Testimonial: Allows you to add, remove, duplicate, reorder, and manage testimonial items. Each item can contain its own customer feedback and related information.

In this example, three testimonial items are added, but you can add as many as needed.

After adding the items, click any item to configure its settings based on your requirements.

Quote Icon: Selects the quote icon displayed with the testimonial content.

Step 2: Adjust the Slider Behavior

Slides to Show: Controls how many testimonial slides are displayed at the same time.

Autoplay: Automatically moves the slider from one testimonial to the next.

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

Pause on Interaction: Pauses autoplay when a visitor interacts with the slider, such as by clicking the navigation controls or dragging a slide.

Allow Touch Move: Allows visitors to move between slides by dragging with a mouse or swiping on a touchscreen device. In this example, the option is disabled, but you can turn it on if needed.

Loop: Continuously repeats the testimonial slides after the final slide is reached. In this example, the option is enabled.

Step 3: Customize the Slider Transition and Navigation

Animation Speed (ms): Controls how long the transition between testimonial slides takes. A higher value creates a slower transition. In this example, the animation speed is set to 2500, but you can enter any value based on your requirements.

Space Between (px): Sets the amount of space between each testimonial slide. In this example, the value is set to 20 px.

Navigation: Displays navigation controls that visitors can use to move between the previous and next slides. In this example, Dots is selected, but you can choose any available option based on your preference.

Direction: Controls the display and movement direction of the testimonial slider. Available options include Left to Right and Right to Left. In this example, Left to Right is selected.

Final Result