🔗 Копирование текста по клику — модификация для Tilda

Упростите взаимодействие с пользователем: добавьте возможность копировать любой текст одним нажатием.
Модификация работает без CSS и сохраняет цвет оформления — всё на чистом JavaScript.

✅ Что делает модификация

Позволяет копировать текст по клику на ссылку.
Показывает tooltip-уведомление «Скопировано» — без перезагрузки и лишних эффектов.
Цвет текста сохраняется — он полностью наследуется от самой ссылки.
Работает на любой странице Tilda, без конфликтов со стилями.

🛠 Как использовать

Оберните нужный текст ссылкой #copy-text:
Например: Скопировать это

Если необходимо использовать собственное семейство шрифтов выделите готовую ссылку и задайте ей шрифт из установленных в вашем проекте в тултип он подтянется автоматически:

Если необходимо использовать свой текст, то в ссылку необходимо добавить два дефиса -- и написать своё слово.
Например: #copy-text--Copied

В таком случае вместо «Скопировано» будет выводиться «Copied».

Также можно задавать оформление тултипа прямо в ссылке:

bg: — цвет фона, например:
по названию: #copy-text--Готово--bg:green
по HEX-коду: #copy-text--Готово--bg:#008000
color: — цвет текста, например:
по названию: #copy-text--Готово--color:red
по HEX-коду: #copy-text--Готово--color:#ff0000
можно комбинировать:
#copy-text--Готово--bg:blue--color:yellow
#copy-text--Готово--bg:#0000ff--color:#ffff00

Шрифт тултипа берётся автоматически у ссылки.
💡 На одной странице можно размещать сколько угодно ссылок с разным текстом и оформлением.

Примеры:

#copy-text → выводится «Скопировано» с оформлением ссылки.
#copy-text--Done → выводится «Done».
#copy-text--Готово--bg:green → выводится «Готово» с зелёным фоном (по названию).
#copy-text--Готово--bg:#008000 → выводится «Готово» с зелёным фоном (по HEX).
#copy-text--Готово--color:red → выводится «Готово» с красным текстом (по названию). шрифт TildaSans
#copy-text--Готово--color:#ff0000 → выводится «Готово» с красным текстом (по HEX). шрифт Monserrat
#copy-text--Готово--bg:blue--color:yellow → выводится «Готово» с синим фоном и жёлтым текстом (по названию). шрифт Arial
#copy-text--Готово--bg:#ffff00--color:#0000ff → выводится «Готово» с жёлтым фоном и синим текстом (по HEX). шрифт Georgia

Добавьте в конец страницы HTML-блок T123 — HTML-код.
Вставьте туда следующий код:

Скопировать код

<!--copy_text_in_link.js | Копирование текста по клику | https://made4tilda.fev.su/modifications/copy_text_in_link--><script src="https://web.fev.su/script/copy_text_in_link.js" defer=""></script>

📌 Преимущества

Минимум кода, максимум пользы.
Работает в ZeroBlock и обычных текстовых блоках.
Не требует подключения библиотек или стилей.
Подходит для вставки промокодов, email-адресов, команд и технических значений.

🔒 Безопасно. 📱 Подходит для мобильных. ⚡ Мгновенное действие.

🔧 Нужно больше автоматизации? Напишите нам →

Сделаем всё красиво.

💬 Нужна помощь или хотите свою модификацию?

Если у вас возникли вопросы по установке, настройке или вы хотите заказать индивидуальную модификацию под ваш проект — просто заполните форму ниже. Мы свяжемся с вами в ближайшее время!