Как добавить кнопку в потоки на Tilda

В стандартных блоках потоков Tilda нет встроенного элемента «Кнопка», но её можно добавить и кастомизировать через код.

Как сделать?
1. Добавьте блок с текстом, который будет играть роль кнопки, и задайте ему ссылку
2. Создайте блок Embed HTML code и вставьте код. Измените ссылку в коде — значение атрибута href (в двух местах)
4. Настройте стиль кнопки

<style>
.t-redactor__tte-view .t-redactor__text a[href="ссылка"] {
    display: inline-block;
    margin-top:30px; /*Отступ сверху от кнопки*/
    padding:20px 30px; /*Отступы внутри кнопки*/
    border-radius: 10px; /*Скругление углов у кнопки*/
    background-color: #252525;; /*Цвет фона кнопки*/
    color: #fff !important; /*Цвет текста кнопки*/
    font-size: 16px; /*Размер текста*/
    font-weight: 500; /*Толщина текста*/
    transition: 0.3s ease-in; /*Плавность анимации при наведении на кнопку*/
}

.t-redactor__tte-view .t-redactor__text a[href="ссылка"]:hover{
    background-color: #393939; /*Цвет фона при наведении*/
    color: #fff !important; /*Цвет текста при наведении*/
}
</style>

Телеграм-канал Сайтологиня

разместить

Начать дискуссию

Алексей Сидоров

30.12.2024

Экономьте десятки часов при работе с повторяющейся информацией в Tilda ⚡

Настя

Телеграм

6 янв

Как улучшить внешний вид ваших постов в Telegram

Если вы ведете телеграм-канал или только собираетесь, при этом хотите улучшить повествование, то эти рекомендации для вас :)

Образование через снек-контент: как мы запустили платформу для сотрудников Cofix learn

Магия модификаций в Tilda — как сделать сайт неповторимым

Инструкция: как бесплатно сделать синюю кнопку в закрепе Телеграм за 10 минут?

Соц. сети должны приносить деньги и клиентов, а не постоянный стресс и чувство упущенной выгоды. Это мое твердое убеждение, основанное на 5 годах работы в digital-маркетинге. Красивые картинки, лайки - это конечно хорошо, но какой от них толк, если профита от них вы не получаете?

Судакова Елизавета

8 февр

Как добавить иконку в пункт меню стандартного блока

Если вам очень нужно добавить иконку к пункту меню и очень не хочется из-за этого прибегать к зеро блоку, то выход есть!

Инфлюенс-маркетинг: Новый вектор цифрового продвижения 2025 года

Социальные сети кардинально изменили ландшафт маркетинга, превратив обычных пользователей в ключевых игроков рекламной индустрии. Инфлюенс-маркетинг стал не просто трендом, а стратегией, переопределяющей взаимодействие брендов с аудиторией. Но как это работает, кто стоит за этим феноменом и что он несет для общества?

Игорь Чумиков

Разработка

4 мар

Кнопка в SwiftUI: стили, настройки и лучшие практики

Кнопки — один из ключевых элементов взаимодействия в любом приложении. SwiftUI предлагает гибкий способ их создания, позволяя легко изменять внешний вид и поведение. В этой статье мы разберем стандартные и кастомные стили кнопок, а также лучшие практики их использования.