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

Задание закрыто
Статус рабочей области:Закрыта по истечению срока выполнения работ
Стоимость:5 000 рублей
Срок выполнения:1 день
Варианты оплаты:По договоренности
Дата публикации:2025-01-31 16:51
Был на сайте:2025-02-02 12:06

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

 
Задача

Для сайта на Tilda
(достаточно просто на одном примере показать как сделать то, что описано ниже)

Нужно установить команду в коде на кнопке "Book a class", которая делает редерект на ваш WhatsApp onclick="Comagic.omni.forwardWhatsApp('971585498202')"

Найдите место, где находится кнопка WhatsApp на сайте. Посмотрите в HTML-коде, где есть кнопка или ссылка, ведущая в WhatsApp. Это может выглядеть примерно так:

<a href=" https://wa.me/971585498202?text=Hello!%20I%20would%20like%20to%20book%20my%20first%20class%20at%20RESHAPE" 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>

Замените текущую ссылку на новую onclick="Comagic.omni.forwardWhatsApp('971585498202')".
Теперь вам нужно заменить стандартную ссылку на WhatsApp на JavaSc...

Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Исполнитель по этому заданию выбран.
Рома Яшин
Специализация: IT-технологии и Разработка
  • 5 000 руб1 день
Добрый день!
Готов вам помочь
Сергей Рыжков

Превращаю идеи в реальность, код строка за строкой.

Специализация: IT-технологии и Разработка
  • 5 000 руб1 день
Здравствуйте! Меня зовут Сергей, и я готов помочь вам с любыми задачами — от создания сайтов до написания текстов и дизайна.

Что я могу сделать?
Создание сайтов: От простых одностраничников до сложных интернет-магазинов.
Графический дизайн: Логотипы, баннеры, презентации — все что угодно!
Написание текстов: Копирайтинг, рерайтинг, технические задания.
Управление соцсетями: Ведение страниц, создание контента, продвижение.
Другие услуги: Настройка хостинга, аудит сайта, администрирование.

Почему выбирать меня?
Опыт: Более 9 лет работы в разных областях.
Качество: Строго соблюдаю сроки и качество.
Поддержка: Готов помочь даже после завершения проекта.

Как связаться?
Если вам нужна помощь — пишите мне:

Telegram: https://t.me/kynthra
ВКонтакте: https://vk.com/kynthra
Телефон: +79937234385 (Сергей)

Давайте сделаем ваш проект идеальным!
Евгений Леонов
Специализация: Веб-разработка и дизайн
  • 5 000 руб1 день
Здравствуйте.
Могу посмотреть, через код должно получиться

Примеры моих работ

Лофт Табу - банкетный зал
ВАМО - последипломное образование
WOMAZING - интернет магазин женской одежды
Александр Мастер
Специализация: IT-технологии и Разработка
  • 5 000 руб1 день
Обращайтесь, сделаю. Пишите в телеграмм, он в подписи.
Эмиль
Специализация: Веб-разработка и дизайн
  • 5 000 руб1 день
Приветствую, Пётр!
Предлагаю свои услуги в веб разработке.
Сделаю все быстро и качественно!
Ольга  Беляева

Не бот и НЕ ПОСРЕДНИК

Специализация: Графический дизайн
  • 5 000 руб1 день
Добрый день.
Обращайтесь, установлю все обработчики.
Евгений М

Fullstack Developer * API, PHP, JS, CSS * Web Designer

Специализация: Веб-разработка и дизайн
  • 5 000 руб1 день
Здравствуйте!
Готов выполнить очень качественно ваш проект.
Обширный опыт: API, PHP, JavaScript, Node.js, CSS...
Программирование — WordPress, MODX, Bitrix, OpenCart, Laravel, и др.;
Графический и интерфейсный дизайн: Adobe, Figma, Lunacy.
Напишите мне, обсудим детали,
С Уважением, Евгений.
Евгений Голубев

WhatsApp - 79647133553 | Telegram - @divside

Специализация: Веб-разработка и дизайн
  • 5 000 руб1 день
Приветствую!
Ознакомился с Вашим проектом.
С удовольствием выполню эту задачу.

МОИ КОНТАКТЫ:

WhatsApp | https://wa.me/79647133553
Telegram | https://t.me/divside
Работы по сайтам | https://www.behance.net/divside


*** Цена в заявке номинальная. Точная цена после обсуждения. При обращении прошу высылать ссылку на проект ***

Примеры моих работ

UI-UX дизайн и разработка сайтов
Инфографика, презентации, баннеры
Монтаж видео, 2D анимация, reels, shorts
Александр Коженевский
Специализация: IT-технологии и Разработка
  • 5 000 руб1 день
Не всегда можно отредактировать код самой кнопки. Но можно написать скрипт, который подхватит кнопки и будет исполнять нужный код (делать редирект) по клику.
Готов выполнить.
Ссылку на сайт, пжл.
Гиорги Дзасохов
Специализация: Веб-разработка и дизайн
  • 5 000 руб1 день
Я готов взятся за работу ;)
Анатолий Артемов
Специализация: Веб-разработка и дизайн
  • 5 000 руб1 день
Могу сделать
Dmitriy Nikonov
Специализация: IT-технологии и Разработка
  • 5 000 руб1 день
Готов сделать.
Окончательная цена после обсуждения деталей.
Для оперативной связи пишите в ТГ:@Kazanskaya16
здравствуйте, сделаю за 5 минут
Василий Хлыстов
Специализация: IT-технологии и Разработка
  • 5 000 руб1 день
Добрый вечер. Пишите - помогу разобраться в этом вопросе.
Николай Шикин

Всегда иду до конца! +7 (978) 124-84-90

Специализация: IT-технологии и Разработка
  • 25 000 руб10 дней
Вставлю событие

Примеры моих работ

Сайт бесплатно - ДА
3д проект каркасного дома 8х8 128м2
PWA верства на Vue фреймворке
Alexandr Alexandrov
Специализация: Веб-разработка и дизайн
  • 5 000 руб1 день
Здравствуйте! Готов встроить onclick событие на кнопку "Book a class" с редиректом на WhatsApp через Comagic. TG: @Alexuys.
Stanislav Ricci

Превращаю идеи в цифровое волшебство!

Специализация: IT-технологии и Разработка
  • 5 000 руб1 день
Чтобы добавить обработчик 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.

Примеры моих работ

Немного интерьера
Олег Мазняк

RocketStudio — IT и дизайн без границ.

Специализация: Веб-разработка и дизайн
  • 5 000 руб1 день
Здравствуйте!

Выполним задачу по интеграции JavaScript для кнопки "Book a class" на вашем сайте. Все будет выполнено качественно и в срок.

С уважением,
Мазняк Олег Владимирович

Оставлять заявки могут только авторизованные пользователи.