Вставить js событие onclick в кнопку на Tilda

5 000 руб. за проект
02 февраля 2025, 12:27 • 9 откликов • 37 просмотров
Нужно добавить обработчик onclick на кнопку в Tilda

Есть такая инструкция:

1. Редактирование кнопки через HTML-код:

Найдите блок с кнопкой "BOOK A CLASS" в редакторе Tilda.

Переключите режим редактирования кнопки на HTML (в настройках блока).

Замените текущий HTML-код на модифицированный:

<a href="javascript:void(0)"
onclick="Comagic.omni.forwardWhatsApp('971585498202')"
target="_blank"
class="t-btn t-btn_md"
style="color:#ffffff;background-color:#b712c8;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;"
data-buttonfieldset="button2"
rel="noopener">
BOOK A CLASS
</a>
Run HTML
2. Что изменилось:

Удалена исходная ссылка href=" https://wa.me/..."

Добавлен href="javascript:void(0)" для сохранения стилей кнопки.

Вставлен обработчик onclick с вызовом функции Comagic.

3. Важные нюансы:

Убедитесь, что скрипт Comagic (comagic.js) подключен на сайте (обычно добавляется в раздел <head> через "Дополнительные настройки" в Tilda).

Если функция не срабатывает, проверьте консоль браузера (F12) на наличие ошибок.

Номер 971585498202 должен быть в международном формате (без + или 00).

4. Альтернативный вариант через JavaScript:
Если не хотите менять HTML, добавьте обработчик через Custom JS в настройках страницы:

document.querySelector('a[href*="wa.me/971585498202"]').onclick = function(e) {
e.preventDefault();
Comagic.omni.forwardWhatsApp('971585498202');
};
После сохранения изменений обязательно протестируйте кнопку. Если всё сделано правильно, клик будет вызывать функцию Comagic вместо стандартной ссылки WhatsApp
Поделиться