Skip to content
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
  1. Компоненты
  2. PageBuilder
  3. Каталог секций
  4. Free
  5. Отзывы клиентов

Отзывы клиентов

Социальное доказательство: цитата клиента, имя, роль и аватар. Несколько отзывов выводятся сеткой.

Что даёт блок отзывов

  • Цитата, имя и фото в одной карточке
  • Несколько отзывов без отдельного сниппета
  • Усиливает блоки с цифрами и CTA

Типичные места

  • На главной: блок доверия после описания продукта
  • На лендинге: отзывы перед формой заявки
  • На странице «О компании»

Примеры страниц

Поля в инспекторе

Repeater Отзывы: Цитата, Имя, Должность, Фото. Фото необязательно, но улучшает доверие.

Похожие секции

  • Логотипы для «нам доверяют» без цитат
  • Команда, если нужны биографии, а не отзывы клиентов

Параметры блока

ПараметрЗначение
keytestimonials
СлойFree
Категориядоверие (social)
Chunkpagebuilder_testimonials
Требования

Поля в редакторе

Заполните поля в инспекторе секции на ресурсе. Описание типов полей: справочник типов.

Заголовок (title)

Тип text. Необязательное.

Отзывы (items)

Тип repeater. Обязательное. Повторяющиеся строки. Кнопка «Добавить» в инспекторе.

В каждой строке:

ПолеТипПодписьОбязательно
quotetextareaЦитатада
nametextИмяда
roletextДолжностьнет
avatarimageФотонет

Что видит посетитель

Сетка pb-testimonials: blockquote, подпись автора, аватар через partial.

Данные секции

Пример JSON после сохранения секции. Для media, video и map значения на выводе могут быть обогащены:

json
{
  "title": "Заголовок секции",
  "items": [
    {
      "_rowId": "00000000-0000-4000-8000-000000000001",
      "quote": "Отличный сервис, рекомендую коллегам.",
      "name": "Иван Петров",
      "role": "Директор, ООО Пример",
      "avatar": {
        "url": "assets/images/example.jpg",
        "id": 12,
        "filename": "example.jpg",
        "extension": "jpg",
        "title": "example.jpg",
        "width": 1920,
        "height": 1080,
        "type": "image"
      }
    }
  ]
}

Шаблон chunk

Fenom chunk pagebuilder_testimonials:

fenom
<section class="pb-section pb-section--testimonials pb-testimonials{if $cssClass} {$cssClass|escape}{/if}" data-pb-section="testimonials"{if $id} id="pb-{$id|escape}"{/if}>
  <div class="pb-section__inner pb-testimonials__inner">
    {if $title}
      <h2 class="pb-heading pb-testimonials__title">{$title|escape}</h2>
    {/if}
    <div class="pb-testimonials__grid">
      {foreach $items as $item}
        <blockquote class="pb-testimonials__item">
          {if $item.avatar}
            {include 'pagebuilder_partial_image' image=$item.avatar alt=$item.name class='pb-testimonials__avatar'}
          {/if}
          <p class="pb-testimonials__quote">{$item.quote|escape}</p>
          <footer class="pb-testimonials__footer">
            <div class="pb-testimonials__author">{$item.name|escape}</div>
            {if $item.role}
              <div class="pb-testimonials__role">{$item.role|escape}</div>
            {/if}
          </footer>
        </blockquote>
      {/foreach}
    </div>
  </div>
</section>

JSON-определение

core/components/pagebuilder/sections/testimonials.json

Связанные страницы