Testimonials Standard

The standard testimonials module includes a text panel and image panel. The text panel consists of a heading, body text and smaller, bold customer name. There is a text-only variant of this module.

Image of the standard testimonials module online

Enabling / Disabling

Like all modules, this module can be enabled / disabled. Please see the corresponding section of the documentation to find out more about this functionality.

Testimonials Panel

Image of the standard testimonials module - testimonials panel

A testimonial item consists of the following items:

Image of a testimonials item

  • Header

Image of a testimonials item - header text in website builder

Image of a testimonials item - header text

  • Body Text

Image of a testimonials item - body text in website builder

Image of a testimonials item - body text

  • Customer

Image of a testimonials item - customer text in website builder

Image of a testimonials item - customer text

  • Alt Text

Image of a testimonials item - customer text in website builder

The image alt text is a placeholder, which is shown if the image can't be displayed. It is also essential for screen readers, which would read this out to vision impaired users.

Image Fit

Image of the testimonial module's image fit option in the website builder

  • Cover: This option will ensure that the image is always filling the space it sits within, at the cost of some of the edges being cut off for certain screen resolutions. This is the option used throughout this page.

  • Scale-down: This option will always make the whole image visible (which is useful for portrait or very wide images), but it means that there will be a visible background colour in areas of the module that the image does not cover, as shown:

Image of the testimonial module's image fit option - scale down online

Auto Scroll:

Image of the testimonial module's auto scroll option in the website builder

The testimonials module scrolls through testimonials at a 4 second interval by default. This can be turned off.

Scroll Interval:

Image of the testimonial module's scroll interval option in the website builder

This is the scroll interval in milliseconds.

Quotation Marks

Image of the testimonial module's quotation marks option in the website builder

This allows for control over the quotation marks, shown here:

Image of the testimonial module's quotation marks online

Colours

The Text Only module allows you to change the background colour and text colour of the module.

Image of the standard colours

Marker Options

Image of the module's marker options

  • Background Style: There are three options for the marker backgrounds. None: Image of the module's marker option 'transparent background' / opaque (with a customisable background colour): Image of the module's marker option 'transparent background' and ‘gradient', which you can see above.

  • Dot Colour: This allows you to change the colour of the dots in their initial state (in above images, that is white).

  • Selected Dot Colour: This allows you to change the colour of whichever dot corresponds to the image that is currently showing.

  • Dot Rollover Colour: This is the colour of any dot that the user's mouse is hovering over.

Image of the module's arrow options

  • Show Arrows: This option allows you to turn on or off the navigation arrows of the testimonial module.

Image of the module's arrow options

  • Arrow Colour: You may specify the colour of the arrows to your liking.

On Mobile

The testimonials module changes shape on mobile, to stack vertically, with the markers being placed in the middle.

Image of the testimonial module on mobile resolution

Tip

Please do not forget to hit one of the save buttons, to make sure the changes you have made are actually saved. Why not keep a window with your preview open, to see the changes in realtime?