Добавляем кнопку которая копирует адрес страницы

Модификатор поможет добавить кнопку "Поделиться ссылкой", которая скопирует адрес страницы
Инструкция по настройке
Шаблон страницы
Как добавить шаблон
40845787
Для корректной работы модификаций подключите библиотеку jQuery:
Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
jQuery
Создаем Zero Block и открываем редактор
  1. Добавляем кнопку
  2. Задаем ей класс copyLinkButton
1 шаг
Создаем блок T123 и копируем в него код
4 шаг
Скопировать код
<!-- BTN07 - Модификация для Тильды. Добавляем кнопку которая копирует адрес страницы https://mod.tistols.com/copy-link -->
<script>
$(document).ready(function() {
    $('.copyLinkButton').click(function() {
        var origTxt = $(this).find('.tn-atom').text(); // Сохраняем оригинальный текст кнопки
        var tempInput = $('<input>');
        $('body').append(tempInput);
        tempInput.val(window.location.href).select();
        document.execCommand('copy');
        tempInput.remove();

        $(this).find('.tn-atom').text("Ссылка скопирована!");

        var button = $(this); // Сохраняем ссылку на кнопку
        setTimeout(function() {
            button.find('.tn-atom').text(origTxt); // Возвращаем оригинальный текст
        }, 2000);
    });
});
</script>
<style>
.copyLinkButton{cursor:pointer;}
</style>
Вам также может быть интересно: