09 · Маркетинг
Отзывы из Яндекс Карт в Tilda
готовый код.
Встраивает официальную карточку организации Яндекс Карт с рейтингом, отзывами и переходом к полному профилю.
Забрать код ↓- Технология
- Официальный iframe
- Установка
- 10 минут
- Куда вставлять
- Блок T123
- Обновлено
- 08.09.2026
/ Демонстрация
Сначала посмотрите,
как это работает.
Демо карточки организации
Ваша компания
Все отзывы в Яндекс Картах ↗/ Код
Скопируйте.
Вставьте. Опубликуйте.
Код не требует сборки или установки библиотек. Перед запуском замените значения, отмеченные в инструкции ниже.
<div class="tselno-yandex-card">
<div class="tselno-yandex-card__frame">
<iframe
src="PASTE_YANDEX_WIDGET_URL_HERE"
title="Отзывы о компании на Яндекс Картах"
loading="lazy"
allowfullscreen
referrerpolicy="no-referrer-when-downgrade">
</iframe>
</div>
<a class="tselno-yandex-card__link"
href="PASTE_ORGANIZATION_URL_HERE"
target="_blank"
rel="noopener noreferrer">
<span>Рейтинг и отзывы</span>
<strong>Открыть в Яндекс Картах ↗</strong>
</a>
</div>
<style>
.tselno-yandex-card {
--card-bg: #f2f0e9;
--card-text: #10110f;
--card-accent: #d9ff43;
width: min(100%, 760px);
margin: 0 auto;
overflow: hidden;
border: 1px solid var(--card-text);
border-radius: 24px;
background: var(--card-bg);
color: var(--card-text);
}
.tselno-yandex-card__frame {
min-height: 560px;
background: #e7e5de;
}
.tselno-yandex-card__frame iframe {
width: 100%;
height: 560px;
display: block;
border: 0;
}
.tselno-yandex-card__link {
min-height: 76px;
padding: 0 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
border-top: 1px solid var(--card-text);
color: inherit !important;
text-decoration: none !important;
transition: background .2s ease;
}
.tselno-yandex-card__link:hover { background: var(--card-accent); }
.tselno-yandex-card__link span {
font: 500 14px/1.3 Arial, sans-serif;
}
.tselno-yandex-card__link strong {
font: 700 13px/1.3 Arial, sans-serif;
text-transform: uppercase;
}
@media (max-width: 640px) {
.tselno-yandex-card { border-radius: 16px; }
.tselno-yandex-card__frame,
.tselno-yandex-card__frame iframe { height: 500px; min-height: 500px; }
.tselno-yandex-card__link { padding: 18px; align-items: flex-start; flex-direction: column; }
}
</style>/ Установка
Четыре шага.
- 01
Откройте карточку своей организации в Яндекс Картах, нажмите «Поделиться» и найдите поле «Виджет с отзывами».
- 02
Скопируйте адрес из атрибута src сгенерированного iframe и замените PASTE_YANDEX_WIDGET_URL_HERE.
- 03
Замените PASTE_ORGANIZATION_URL_HERE на обычную ссылку карточки организации и вставьте весь код в T123.
- 04
Опубликуйте страницу и проверьте карточку без входа в аккаунт на компьютере и телефоне.
/ Настройки
Подстройте под себя.
- Размер
- Яндекс рекомендует ширину 300–760px и высоту не менее 500px. В шаблоне стоят 760×560px.
- Скругление
- Свойство border-radius у .tselno-yandex-card.
- Нижняя ссылка
- Текст и цвета панели можно изменить без вмешательства в содержимое iframe.
/ Нужна доработка
Не нашли нужное?
Соберём под ваш сайт.
Опишите задачу и пришлите ссылку на страницу. Посмотрим, можно ли решить её готовым кодом или нужна индивидуальная разработка.
Обсудить в Telegram ↗