Как в Тильде сделать кнопку копирования?

Вы сможете добавить кнопку для копирования текста из блока TX19 — код

Снимок экрана из оригинала статьи на сайте anku.one

Пример

Пример доступен в оригинале статьи на моем сайте.

Инструкция

1. Копируете скрипт в T123;
2. Заполняете настройки*;
3. Устанавливаете внизу страницы, если используете на всем сайте, то устанавливайте в подвал;
4. Ставите блок TX19 — код и заполняете контентом;
5. Ниже ставите любой блок с кнопкой;
6. В ссылку кнопки ставите ссылку «#copy»;
7. Создаете ZeroBlock для уведомления об успешном копировании;
8. Присвойте для ZeroBlock класс «uc-copy-wind»;
9. Настраиваете внешний вид и текст уведомления;
10. Публикуете страницу.

*Настройки помечены комментариями в коде.

Код примера

Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе.

Ссылка на оригинал статьи