MentionFox

Customizing Widgets

MentionFox widgets are designed to blend seamlessly into your website. Every visual element can be customized to match your brand.

Colors

Set these color values in the widget builder's Style tab:

Layout Options

Depending on widget type, you can configure:

Content Display

Control what information appears on each mention card:

Typography

Choose from a set of web-safe font families for quote text and author names. You can also adjust font sizes independently for the quote body, author name, and metadata (date, platform). The widget loads fonts from Google Fonts, so they render consistently across browsers.

Dark Mode / Light Mode

Toggle between dark and light presets in the Style tab. Dark mode uses a dark background with light text; light mode uses a white background with dark text. Both presets can be further customized with the color controls described above.

Tip: If your website has both dark and light themes, create two versions of the same widget and use CSS media queries or JavaScript to show the appropriate one based on the user's preference.

Filtering Rules

Set content rules to control which mentions can appear in the widget:

Start Free Trial →

More

Each widget style is optimized for a different use case and page placement. Choose the style that best fits where you'll embed the widget and how many testimonials you have.

Carousel — Best for: homepage hero sections, product pages. Shows one testimonial at a time with smooth auto-rotation. Controls for manual navigation. Works best with 3-8 featured testimonials. This is the highest-converting style for above-the-fold placement.

Grid — Best for: dedicated testimonial pages, landing pages with lots of social proof. Displays 2-3 columns of testimonial cards. Works best with 6-20 testimonials. Gives visitors a sense of volume — many happy customers at a glance.

List — Best for: sidebars, narrow columns, blog post sidebars. Vertical stack of testimonials. Works in any width container. Good for persistent sidebar social proof that accompanies content.

Tickertape — Best for: headers, footers, persistent banners. Scrolling marquee of short testimonial snippets. Runs continuously without interaction. Creates a sense of constant social proof. Works best with short, punchy quotes.

Hover Slider — Best for: product pages, feature comparison pages. Interactive cards that pause and expand on hover. Encourages engagement. Works best with 5-12 testimonials that each highlight a different feature or benefit.

Masonry — Best for: visual testimonial galleries, press pages. Pinterest-style variable-height layout that fits different quote lengths naturally. Creates an organic, authentic feel. Works best with 10-30+ testimonials of varying length.

Quick steps

  1. Carousel: Auto-rotating cards — best for hero sections (3-8 testimonials)
  2. Grid: 2-3 column layout — best for dedicated testimonial pages (6-20 testimonials)
  3. List: Vertical stack — best for sidebars (any number)
  4. Tickertape: Scrolling marquee — best for persistent banners (short quotes)
  5. Hover Slider: Interactive pause-on-hover — best for product pages (5-12 testimonials)
  6. Masonry: Pinterest-style wall — best for galleries (10-30+ testimonials)