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

Этот скрипт позволит тебе сделать кнопку, которая будет копировать тот текст, что ты укажешь при генерации кода. Пример работы модификации внизу cтраницы

1 мин.

Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓

!

JavaScript

Zeroblock

1. Создай в Зероблоке кнопку, нажми на неё ПКМ => Add CSS Class Name и задай в появившемся поле для ввода любой класс (только чтобы он не начинался с цифр или заглавных букв)

2. Укажи текст, который будет копироваться при нажатии на кнопку и при желании настрой нужно ли менять текст самой кнопки например на "скопировано" или нет

3. Скопируй код и вставь в блок т123

Инструкция

(Развернуть)

Важно!

- Копирование возможно только на сайтах с подключенным https, ибо это ограничение самих браузеров "в целях безопасности". Обязательно проверь чтобы твой сайт открывался по https а не по http

[{"lid":"1669886595581","ls":"10","loff":"","li_type":"in","li_name":"class","li_subtitle":"\u041a\u043b\u0430\u0441\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0448\u044c \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0435 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f","li_ph":"copy1","li_nm":"class"},{"lid":"1669886595582","ls":"20","loff":"","li_type":"in","li_name":"txt","li_subtitle":"\u0422\u0435\u043a\u0441\u0442 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0443\u0436\u043d\u043e \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c","li_ph":"Lorem ipsum \u0438 \u0442\u0434:)","li_nm":"txt"},{"lid":"1683455925102","ls":"30","loff":"","li_type":"in","li_name":"ctx","li_subtitle":"\u0422\u0435\u043a\u0441\u0442 \u043f\u0438\u0441\u0430\u0442\u044c \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0435 (\u0435\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e)","li_ph":"\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e","li_nm":"ctx"},{"lid":"1704565538268","ls":"40","loff":"","li_type":"in","li_name":"ctime","li_subtitle":"\u0427\u0435\u0440\u0435\u0437 \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 \u043e\u0431\u0440\u0430\u0442\u043d\u043e (\u0435\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e)","li_ph":"3000","li_nm":"ctime"},{"lid":"1683455938871","ls":"50","loff":"y","li_type":"sb","li_name":"type","li_subtitle":"\u0422\u0438\u043f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438","li_variants":"Fade out\nSlide up\nSlide down\nSlide left\nSlide right","li_defselitem":"1","li_nm":"type"},{"lid":"1683455953783","ls":"60","loff":"","li_type":"cb","li_name":"changeon","li_label":"\u0412\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0441\u043c\u0435\u043d\u0443 \u0442\u0435\u043a\u0441\u0442\u0430 \u043a\u043d\u043e\u043f\u043a\u0438 \u043f\u0440\u0438 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 <br \/>","li_nm":"changeon"}]

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

Отчистить поля

undefined

Пример работы модификации

Нажми на кнопку, чтобы скопировать текущий адрес страницы

Копировать