Tilda
Zero-блок
Стандартный блок
Autoscale: Да

Кнопка скопировать текст

0004
400
Эта модификация позволяет добавить на сайт Tilda кнопку, которая копирует любой указанный текст в буфер обмена — как это обычно реализовано для промокодов.

Решение подходит для промокодов, ссылок, технических данных, реквизитов, API-ключей и любых ситуаций, где пользователю нужно быстро скопировать информацию. Модификация работает в любых блоках Тильды, легко интегрируется в Zero Block и настраивается под дизайн проекта.
❗️   ВАЖНО. Код работает как в zero-блоке, так и в стандартных.

1️⃣  ZERO-БЛОК
  • Добавляем весь контент в zero-блок.
  • Для элемента текста (это может быть как просто текст, так и кнопка в которую вписан текст) — добавляем класс   .uc-copy-text  
  • Для кнопки, по нажатию на которую будет происходить копирование — задаем класс   .uc-btn-copy  

2️⃣  СТАНДАРТНЫЕ БЛОКИ
Для реализации на стандартных блоках, нам нужно будет добавить отдельно текст для копирования и кнопку
  • Для блока текста для копирования задаем класс —   .uc-copy-text  
  • Для блока кнопки —   .uc-btn-copy  

3️⃣  НИЖЕ ВСТАВЛЯЕМ КОД
Новогодний промокод на всю продукцию
скопировать
NewYear20
sale 20%

Другие модификации

Made on
Tilda