Свидетельская карусель помещает котировки клиентов на скользящую дорожку, поэтому участок, который будет работать на трех экранах высотой, помещается в один. У вас есть два реальных варианта. Elementor Pro поставляет собственный виджет "Карусель отзывов", поэтому, если у вас есть Pro, это три минуты работы. На бесплатном Elementor самый быстрый маршрут Слайдер цитат на трибуне, а бесплатный импортный виджет карусели из Master Addons: загрузите JSON и импортируйте его Виджет Строитель, и перетащите его на страницу. Нет лицензии, нет перестраивания карт вручную.
Это руководство охватывает как запасной вариант ручной работы, если вы предпочитаете владеть каждым пикселем, так и ошибку схемы, которая приводит к ручным действиям сайтов от Google, о которой почти никто не упоминает в каруселях отзывов. Если вы все еще выясняете, нужен ли в этом разделе ползунок котировок или ползунок во всю ширину, сравнение карусели и слайдера является более коротким чтением.
Живая демо Скачать виджет JSON
Какой метод использовать
| Метод | Стоимость | Лучшее, когда |
|---|---|---|
| Отзывная карусель Elementor Pro | Элементор Про | У вас уже есть Pro, и вы хотите, чтобы это было сделано за три минуты |
| Слайдер котировок на трибуне (импорт) | Бесплатно | Вы на бесплатном Элементоре и хотите сконструированный ползунок, а не чистый холст |
| Виджет карты в карусельном контейнере | Бесплатно | Вы хотите разработать карту самостоятельно с нуля |
Если у вас есть Элементор Про
Найдите на панели карусель с отзывами “,” перетащите виджет внутрь и заполните ретранслятор одной строкой на отзыв: содержимое, имя, название, изображение. Два параметра, которые стоит изменить по умолчанию: слайды на просмотр до 2 на рабочем столе и 1 на мобильном телефоне, и автоматическое воспроизведение отключено, поскольку чтение отзыва занимает восемь секунд, а автоматическое воспроизведение по умолчанию - пять.
Это нормально и это быстро.Его ограничение в том, что макет карты исправлен. вы получаете предустановки и вкладку Стиль, а не отличительный дизайн. если этого достаточно, прекратите чтение и идите строить его.
Бесплатный вариант: Rostrum Quote Slider
Rostrum - один из бесплатных виджетов в мире Коллекция каруселей Master Addons, и он построен специально для отзывов. макет представляет собой панель цитат рядом с портретом: шевроны шаг между голосами, панель прогресса и подсчет показывают, где вы находитесь, и кнопки шагов могут назвать следующий голос, поэтому вместо анонимной стрелки кнопка читается как “Далее: Сара, Операции Lead.” Оверсайз кавычка редактируется, и все это реагирует на навигацию по клавиатуре и свайп.
Каждый голос несет пять полей: портрет, цитата, имя, роль и срок пребывания. три голоса поставляются с виджетом, каждый за переключателем Show, так что вы можете запустить один, два или все три.
Честный недостаток: три голоса - это формат. Это тщательно подобранный слайдер для ваших самых сильных цитат, а не виджет, управляемый запросами, который извлекает каждый отзыв, который вы когда-либо собирали. Если вам нужен десяток вращающихся отзывов, метод, созданный вручную ниже, масштабируется дальше.
Как его построить: шаг за шагом
- Установите бесплатный плагин Master Addons если он еще не активен Это тот же плагин, работающий на 30 000+ сайтов, и импорт работает на свободном уровне.
- Скачать слайдер цитат на трибуне JSON из коллекция бесплатных шаблонов ползунков Elementor. Это конструкция 18 из 20.
- Импортируйте его. В администраторе WordPress перейдите по адресу Мастер-аддоны → Виджет-строитель → Импорт виджета и перетащите файл JSON в импортера.
- Откройте свою страницу в Elementor. Виджет появляется на панели под Избранное. Перетащите слайдер цитат из трибуны в контейнер.
- Заполните первый голос: портрет, цитата, имя, роль, срок пребывания в должности. ведите со своей самой конкретной цитатой, той, в которой есть число или результат.
- Переключить второй и третий голоса с их Переключатели Шоу и заполнить их так же Переключить все, что вам не нужно.
- Установите метки кнопки шага. Назначение следующего голоса на кнопке дает людям повод нажать Это лучшая деталь конверсии виджета, так что используйте ее.
- Проверьте кавычку и проверьте навигацию. Отрегулируйте редактируемую кавычку в соответствии с вашей типографикой, затем предварительно просмотрите: шевроны, стрелки клавиатуры и проведите пальцем по телефону.
Общее время - около пяти минут, большая часть потрачена на выбор, какие три котировки заслуживают слота.
Еще один вариант из той же коллекции: Стратум-дек, дизайн Pro, где карты стекаются и верхняя отслаивается Это естественно подходит для отзывов, если вы хотите, чтобы карта-дек ощущение вместо панели котировок.
Если лучше строить вручную
Маршрут от царапины все еще имеет смысл, когда вам нужен дизайн карты, который точно соответствует вашему бренду, или больше отзывов, чем держит трехголосный слайдер. Вы разрабатываете карту самостоятельно, поэтому бюджет десять минут вместо пяти.
- Сначала создайте одну карту. Бросьте виджет карты в контейнер. Внутри него: текст цитаты, изображение аватара, имя, роль и звездный ряд, если у вас есть рейтинги. Стиль полностью: заполнение, фон, радиус границы, кавычка, типографика. получите эту карту точно прямо перед тем, как что-либо дублировать.
- Дублировать карту для каждого свидетельства и поменять местами содержание Шесть - это хорошее число: достаточно, чтобы чувствовать себя существенным, достаточно мало, чтобы раздел не стал работой по техническому обслуживанию.
- Превратите родительский контейнер в карусель. В настройках компоновки контейнера переключите дисплей на карусель. получаются слайды-за-просмотр, автопроигрывание, петля, стрелки и точки, то же самое Управление стрелочным переводом выделенные виджеты используют, ведь это та же библиотека внизу.
- Установите слайды для каждого просмотра для каждой точки останова. Два на рабочем столе, один на планшете и мобильном.Отзывы текстовые, а текст нуждается в ширине.
- Стиль навигации чтобы сидеть под картами, а не перекрывать их Стрелка поверх цитаты закрывает слово, а закрытое слово - это то, на чем люди зацикливаются.
Лицензия не требуется, и карта ваша. Если вам нужна визуальная ссылка на узор, Страница отзывов клиентов Master Addons использует его.
Ловушка схемы
Это та часть, которая имеет большее значение, чем макет.
Соблазнительно добавить в карусель отзывов схему Review или AggregateRating, чтобы в результатах поиска появлялись звезды Не надо, по крайней мере, не для отзывов о собственном бизнесе на собственном сайте.
Рекомендации Google по структурированным данным прямо указывают на то, что корыстные обзоры не подлежат проверке с богатыми результатами. Отзывы об организации должны поступать из независимого источника, а не из самого объекта. Сайты, которые помечают свои собственные отзывы на домашней странице как схему обзора, в лучшем случае игнорируют разметку, а в худшем - структурированное руководство по данным.
Что вы можете законно сделать: разметьте отдельные страницы продуктов отзывами, собранными от реальных клиентов через систему проверки, и используйте Organization схема на домашней странице без свойств обзора Если вы хотите, чтобы звезды в поиске, собирайте отзывы в Google Business Profile, G2 или Trustpilot, потому что они отображаются как сторонние.
Свидетельская карусель - это элемент преобразования. Относитесь к нему как к единому целому и оставьте схему за ее пределами. Если все, что вам нужно, это одна вытянутая цитата, сидящая отдельно, а не вращающийся набор, Виджет Blockquote выполняет эту работу без наценки.
Разрабатывайте решения, которые меняют конверсии
Лица бьют логотипы. Фотография человека превосходит логотип компании, и оба не бьют ни того, ни другого На этом построена макет "Портрет-кроме цитаты" Рострума Если фото получить не удается, имя и роль все равно на расстоянии бьют анонимную цитату.
Специфические ритмы светятся. “Вырежьте время сборки нашей страницы от двух дней до трех часов” делает больше, чем “Удивительный плагин, очень рекомендую!”, хотя второй звучит более восторженно. Вытащите конкретную строку из более длинного отзыва и ведите с ней.
Не автоиграйте. Отзывы - это тип одной карусели, где автовоспроизведение активно вредит, потому что содержимое представляет собой плотный текст, чтение которого занимает больше времени, чем любая разумная задержка слайда. Рострум ступает на щелчок, клавиатуру или свайп, который по дизайну зависит от читателя. Если вы собираете вручную, оставьте автовоспроизведение выключенным.
Показать счет. Подсчет сигнализирует об объеме так, как не анонимные точки, поэтому Rostrum объединяет свою индикатор выполнения с единицей. Если у вас много счастливых клиентов, скажите об этом с помощью элемента управления.
Два на рабочем столе, а не три. Для каруселей ручной сборки: три столбца текста цитаты на экране 1440px дают каждому около 380px, что под удобной мерой чтения Два - это число.
Часто задаваемые вопросы
Есть ли у Элементора виджет-карусель?
Elementor Pro делает: виджет "Свидетельская карусель" с ретранслятором цитат, имен и изображений. Бесплатный плагин Elementor не включает его. На бесплатном уровне самый быстрый маршрут - импорт слайдера цитат Rostrum через Widget Builder от Master Addons или создание собственной карты внутри контейнера, установленного для отображения карусели.
Как бесплатно добавить слайдер с отзывами в Elementor?
Импортируйте бесплатный слайдер цитат на трибуне: загрузите JSON, перейдите в "Мастер-аддоны" → "Строитель виджетов" → "Импортировать виджет" в администраторе WordPress, перетащите файл внутрь, и виджет появится в Elementor в разделе "Избранное". Заполните портрет, цитату, имя, роль и поле владения каждым голосом, и все готово, без лицензии Pro.
Стоит ли карусели свидетельств автоматически играть?
Нет. Чтение отзыва занимает от шести до десяти секунд, а типичные задержки автозапуска составляют от трех до пяти. Посетители теряют предложение на полпути и отключаются. Оставьте автозапуск и позвольте людям продвигаться вперед, когда они будут готовы, потому что отзывы - это тип карусели, где таймер работает против вас.
Могу ли я добавить звездные оценки к карусели с отзывами Elementor?
Да, как визуальный элемент: строка значков или поле рейтинга в дизайне карты ручной сборки. чего не стоит делать, так это добавлять разметку схемы Review или AggregateRating для отзывов о собственном бизнесе, потому что Google не позволяет корыстные отзывы в обзоре богатые результаты и разметка может вызвать ручное действие.
Сколько отзывов должна быть у карусели?
Три сильных бьют двенадцать туманных, а трехголосный формат Рострума заставляет дисциплинировать Обычно правильный звонок Если вы ручной строй и у вас больше материала, шесть-двенадцать работ; мимо двенадцати никто не доходит до конца, поэтому переходите на фильтрованный набор на странице, а не на одну длинную полосу.
Как автоматически обновить отзывы?
Зарегистрируйте индивидуальный тип сообщения с отзывами, а затем используйте карусельный виджет с запросами, указанный на нем: бесплатно Виджет блога в режиме карусели, или Elementor Pro Петля Карусель с шаблоном Loop Item Новые посты с отзывами появляются в каждой карусели сайта без редактирования каких-либо страниц.
Что делать дальше
Если у вас есть Elementor Pro, его родной виджет является кратчайшим путем. на бесплатном Elementor импортируйте слайдер цитат Rostrum и потратьте сэкономленное время на выбор трех лучших цитат, потому что этот выбор перемещает конверсии больше, чем любой контроль стиля. Создавайте вручную только тогда, когда этого требует краткое описание дизайна.
Rostrum импортирует бесплатный плагин. Если позже вам также понадобятся двенадцать дизайнов Pro, страница ценообразования имеет уровни и 3D-конструкции каруселей покажите, как на самом деле выглядят платные стили движения.
Прежде чем что-либо создавать с нуля, проверьте, что уже существует: Руководство по виджетам каруселей Элементор перечисляет каждый виджет и дизайн карусели разбивка "свободно против профессионалов" показывает, где именно останавливается свободный ярус.
