Testimonials Widget

Testimonials Widget

This article will provide details on how to add/edit the Testimonials widget on a web page.


Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. 
  1. Section(s): the total area, or section, for each widget. 

  2. Container(s): blocks that organize and group content together within a section. Think of them like boxes that hold different parts of a webpage, such as text, images, or videos, keeping everything neat and orderly. For example, the Split Content/Image widget has a block designated for text and a block designated for an image/video; these separate blocks are containers, since they contain the content within the section. 

To add this widget to a page, open up the page in your Hive and click +Add Section >> select Testimonials >> then use the settings in the left-hand menu to make your edits, which we’ll cover in more detail below. 





TESTIMONIALS

What’s Included/Available: option to add testimonials, which will be displayed carousel-style; background options

Common Uses: add plain text testimonials throughout your website, or create a page specifically for testimonials

How to Edit/Settings
  1. Testimonial Text: click into the box and remove the filler text, then add the text/copy of the first testimonial you’d like to add to this section.

  2. Name: click into the name field and remove the example, then add the name of the person who provided the testimonial.

  3. Move: allows you to reposition/move a testimonial up/down within the section.

  4. Remove: allows you to remove/delete the testimonial in its entirety.

  5. Add Testimonial: click this to add another testimonial, then repeat steps 1 & 2.

  6. Background Image URL: this will be displayed behind the content in this section; to edit, click the magnifying glass and select the image you’d like to use, or upload one from your device; you also have the option to select a stock image from the Unsplash Image Library.

  7. Background Color: to change the background color of the entire section, click into the box and select the desired color; if you’re familiar with color hex codes you can also paste those into the Background Color setting.

    If you have a background image, you can use the background color setting to overlay a color on top of it; you can also use this setting to make the background more/less transparent.


  8. Text Color: to change the color of all text in this section, click into the box and select the desired color; if you’re familiar with color hex codes you can also paste those into the Text Color setting.

  9. Once you’ve finished making your edits to the Testimonials section, click Set Content >> then Save the page to complete the process.

We hope this helps but please feel free to reach out to success@myfithive.com with any additional questions you may have. 


    • Related Articles

    • Call To Action Widget

      This article will provide details on how to add/edit the Call to Action widget on a web page in your Hive. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through ...

    • Icon Content Widget

      This article will provide details on how to add/edit the Icon Content widget on a web page. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. ...

    • Icon Call to Action Widget

      This article will provide details on how to add/edit the Icon Call to Action widget on a web page. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this ...

    • Map Content Widget

      This article will provide details on how to add/edit the Map Content widget on a web page. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. ...

    • Gallery Widget

      This article will provide details on how to add/edit the Gallery widget on a web page. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. ...