Как копировать текст по клику в Tilda
Промокод, реквизиты или короткая строка: копирование из Zero Block с подтверждением.Подробнее о модеСвернуть описание
Как копировать текст по клику в Tilda
Промокод, реквизиты или короткая строка: копирование из Zero Block с подтверждением.Что умеет мод
- Копирует текст из вложенного элемента при нажатии на контейнер Zero Block.
- Показывает подтверждение только после успешного копирования.
- Позволяет настроить сообщение, цвета и время возврата исходного текста.
- Поддерживает несколько контейнеров на странице: каждый копирует свой текст.
Как подключить
Подготовьте вложенность
Создайте в Zero Block контейнер для нажатия и разместите текстовый элемент внутри него. Текст рядом с контейнером в той же композиции не заменяет вложенный элемент.
Назначьте CSS-классы
Укажите контейнеру класс copy-wrapper, а тексту внутри него — copy-class, либо задайте свою пару в конструкторе. В поля классов вводите имена без точки и используйте те же значения в Zero Block.
Оформите подтверждение
Задайте сообщение об успехе, цвета и длительность показа. Проверьте, что исходный текст и сообщение помещаются в контейнер на телефоне. Для нескольких плашек повторите ту же структуру с собственным текстом в каждой.
Проверьте копирование
Добавьте код в T123 после Zero Block и опубликуйте страницу. Нажмите на плашку, вставьте результат в пустое текстовое поле и дождитесь восстановления исходной надписи. Проверьте каждую плашку и мобильный браузер.
Что учитывать. Мод копирует строку текста. Он не создаёт промокоды, не проверяет их действительность и не применяет скидку. Проверяйте работу на опубликованной HTTPS-странице: доступ к буферу обмена зависит от браузера и его разрешений.
Вопросы и ограничения
Что попадает в буфер: текст или HTML?
Текстовое содержимое вложенного элемента. Его оформление и HTML-разметка не копируются.
Можно сделать несколько разных промокодов?
Да. Создайте несколько контейнеров с одинаковыми классами и собственным текстовым элементом внутри каждого. Каждая плашка скопирует свой текст.
Когда возвращается исходная надпись?
После заданной длительности подтверждения. Во время показа сообщения повторное нажатие не запускает новое копирование.
Почему сообщение об успехе не появляется?
Проверьте классы, вложенность текста и размещение кода после Zero Block. Затем проверьте HTTPS и разрешения браузера. Сообщение появляется только после успешного копирования.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
