Данная модификация находит кнопки с ссылками на WhatsApp и вставляет внутрь заранее набранного приветственного сообщения ссылку той страницы, на которой вы находитесь.

Это актуально для товаров в поп-апах на Тильде, чья ссылка заранее неизвестна и нет возможности вставить ее сразу в кнопку.

Для начала добавьте кнопку с ссылкой на WhatsApp , содержащей некоторое приветственное сообщение, например:

https://wa.me/79999999999?text=Здравствуйте! Меня заинтересовал данный товар:

Где вместо 79999999999 напишите номер телефона, на который надо написать, а после знака равно текст вашего сообщения.

Рассмотрим случай, когда ссылка с сообщением в WhatsApp находится в описании поп-апа товара

Создайте отдельный подвал или шапку для товаров и настройте открытие поп-апа товаров на отдельной странице.

Далее просто вставьте данный код в блок Т123 в специальный подвал или шапку товара, и в конец сообщения автоматически подставится ссылка на тот товар, с которого вы нажали кнопку:

<!--Code by khudova.design-->
<script>
setTimeout(function(){
    const tElement = document.querySelector('.t-store__prod-popup__text');
    
    if (tElement) {
        const links = tElement.querySelectorAll('a');

        links.forEach(link => {
            if (link.href.includes("wa.me")) {
                const currentUrl = window.location.href;
                link.href += ' ' + currentUrl;
            }
        });
    }
}, 500)
</script>

Если кнопка с сообщением в WhatsApp находится в каком-то конкретном блоке

Вы также можете применить этот код для любого другого блока, в котором находится ваша кнопка с сообщением. Вам остается только поменять в одном лишь месте кода класс, внутри которого находится нужная кнопка (можно указать как и класс самой кнопки, так и класс внешнего блока):

<!--Code by khudova.design-->
<script>
setTimeout(function(){
    const tElement = document.querySelector('.ВАШ_КЛАСС');
    
    if (tElement) {
        const links = tElement.querySelectorAll('a');

        links.forEach(link => {
            if (link.href.includes("wa.me")) {
                const currentUrl = window.location.href;
                link.href += ' ' + currentUrl;
            }
        });
    }
}, 500)
</script>

Если надо вставить ссылку во все кнопки с сообщением в WhatsApp на всем сайте

Если вам не нужно выбирать кнопки с сообщением из конкретных блоков, то воспользуйтесь этой упрощенной версией кода. Он вставит ссылку текущей страницы в конец сообщения во все WhatsApp кнопки на всем вашем сайте:

<!--Code by khudova.design-->
<script>
setTimeout(function(){
    const currentUrl = window.location.href;
    const links = document.querySelectorAll('a[href*="wa.me"]');
    links.forEach(link => {
        link.href += ' ' + currentUrl;
    });
}, 500)
</script>

Данный код можно вставить в шапку или подвал всего сайта.

Заключение

Все вопросы или предложения по данной модификации вы можете написать в комментариях к статье или в моем тг-канале, я обязательно вам отвечу.

Понравилась статья?

Будьте в курсе

Подписывайтесь на мой ТГ канал

Там я пишу о разработке сайтов на Тильде, дизайне и делюсь полезными ресурсами, статьями и модификациями.

Перейти в канал