Как создать отзывы на Тильде: в картинках и бесплатно

Как сделать отзывы на Тильде

В этой статье я хочу поделиться способами, как сделать отзывы на Тильде. Всего существует 3 основных способа: стандартные модули, загрузка скриншотов или видео и с помощью интеграции с VK.

В Тильде я работаю с 2019 года и создал более 100 лендингов под разные нужды бизнеса. С помощью моих рекомендаций и инструкций вы быстрее выполните настройки сервиса. А отзывы помогут холодной аудитории проникнуть доверием к вашему проекту.

Стандартные блоки

Предлагаю начать с рассмотрения базовых модулей, которые нам предлагает Тильда. Всего нам доступно 14 шаблонов. Все они построены по одному принципу. Вы самостоятельно добавляете отзыв, фотографию человека и по желанию указываете дополнительную информацию: город, профессия, из какой компании. Отличаются шаблоны тем, как они будут выглядеть у вас на странице.

TS204

Настройки блока

Как сделать отзывы на Тильде на примере TS204. Вы можете использовать любой другой из шаблона Тильды. Алгоритм действий будет похож.

  1. Добавляем модуль на страницу и переходим в «Контент».
  2. В шапке блока прописываем «Отзывы клиентов». Описание можете добавить по своему усмотрению.
  3. Переходим в раздел «Карточки» и указываем: 
  • Текст – сам мнение от клиента;
  • Заголовок – ФИО;
  • Описание – из какого города, кто по профессии, какой бизнес;
  • Изображение – фото клиента;
  • При желании и согласии можно дать ссылку на соцсеть.
  1. По аналогии заполняем остальные карточки.

Внешний вид модуля должен сочетаться с основной стилистикой вашего проекта. У меня получилось вот так.

Пример отзывы

Отзывы в картинках и видео

Что делать, если нужно добавить не текст, а скриншот из соцсетей или загрузить видео с Youtube. Здесь есть 2 варианта: использовать шаблоны в Тильде из других разделов или создать самому с помощью Zero Block. Все будет зависеть от задачи проекта.

Галерея

Для показа отзывов в виде фотографий лучше всего подходит GL20. Находится в разделе Галерея.

Галерея

После добавления GL20 в меню «Контент» удаляем стандартные картинки и загружаем наши с отзывами.

По настройкам: 

  • Масштабирование изображения → «Целиком помещать внутри блока».
  • Поставить галочку «Бесконечная галерея».
  • Наличие точек внизу и боковых переключателей галереи.
Отзывы из соцсетей

В настройках GL20 нет возможности прописать «Заголовок» и прописать к нему SEO Тег. Поэтому используем другой модуль, например, TL02B.

По дизайну:

Используйте на свое усмотрение. У меня использованы следующие цвета:

  • Фон и цвет стрелки → #fafafa
  • Заголовок, фон стрелки и точки → #004156
  • Цвет активной точки → #b40a1b
  • Ширина → 10 колонок

Youtube плеер

Здесь все максимально просто. Если у вас несколько видео роликов с отзывами, то используем VD06N в разделе «Видео». Если вы хотите разместить на сайте одно, тогда VD01.

В VD06N вы можете добавить любое количество отзывов. Каждое видео – это отдельная карточка, к которой вы вставляете ссылку с Youtube. Дополнительно можете прописать заголовок и описание под роликом.

В настройках вы можете выбрать, сколько карточек будет стоять в одном ряду (от 1 до 4).

youtube плеер

Комментарии из Facebook и Vkontakte

С помощью блока SM601 вы можете выводить комментарии из социальных сетей на страницу сайта. Но на подключение предлагается только 2. После интеграции все желающие смогут оставлять отзывы прямо на вашем лендинге.

Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.

Как подключить VK:

  • переходите по ссылке: https://vk.com/dev;
  • вверху будет надпись «Мои приложения»;
  • далее «Создать»;
  • прописываем название;
  • платформу выбираем – «Сайт»;
  • вводим адрес вашего сайта на Тильде и его домен;
  • нажимаем на кнопку «Подключить сайт»;
developers
  • переходим в «Настройки» и копируем ID приложения;
  • возвращаемся в Тильду и добавляем ID в поле «VP APP ID»;
VK APP ID

Наш виджет успешно подключен. Опубликовываем страницу.

Другие статьи WebSetting о том, как самостоятельно настроить Тильду, без привлечения разработчиков.

Оцените статью
Добавить комментарий