Вставить 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...

Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Исполнитель по этому заданию выбран.
Рома Яшин
Рома Яшин ARGRR
Основная специализация: ИТ и Разработка
    Добрый день!
    Готов вам помочь
    Сергей Рыжков
    Сергей Рыжков sergeiryzhkov1997
    Основная специализация: ИТ и Разработка
    Здравствуйте! Меня зовут Сергей, и я готов помочь вам с любыми задачами — от создания сайтов до написания текстов и дизайна.

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

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

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

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

    Давайте сделаем ваш проект идеальным!

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

    Сайт и чат-бот для автоматизации бизнеса под ключ
    Разработка VK Mini App «Мой Солнечногорск» + админ-панель (React + Node.js + SQLite)
    ? Мы сделали Telegram-бота CargoYanao для автоматизации грузоперевозок!
    Евгений Леонов
    Евгений Леонов leotoleo
    Основная специализация: Веб-разработка и Продуктовый дизайн
      Здравствуйте.
      Могу посмотреть, через код должно получиться
      Александр Мастер
      Александр Мастер MasterWeba
      Основная специализация: ИТ и Разработка
      Обращайтесь, сделаю. Пишите в телеграмм, он в подписи.
      Эмиль
      Эмиль webgroup
      Основная специализация: ИТ и Разработка
        Приветствую, Пётр!
        Предлагаю свои услуги в веб разработке.
        Сделаю все быстро и качественно!

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

        Сайт для компании Азбука Севера
        Сайт для компании Пиломатериалы.Ру
        Лендинг для компании Смарт Кард
        Ольга Беляева
        Ольга Беляева andem001
        Основная специализация: ИТ и Разработка
        Добрый день.
        Обращайтесь, установлю все обработчики.

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

        Создание Емейл-рассылок
        Оформление кейса Лореаль
        Дизайн сайта канцелярских товаров
        Евгений М
        Евгений М eugene2023
        Основная специализация: Веб-разработка и Продуктовый дизайн
          Здравствуйте!
          Готов выполнить очень качественно ваш проект.
          Обширный опыт: API, PHP, JavaScript, Node.js, CSS...
          Программирование — WordPress, MODX, Bitrix, OpenCart, Laravel, и др.;
          Графический и интерфейсный дизайн: Adobe, Figma, Lunacy.
          Напишите мне, обсудим детали,
          С Уважением, Евгений.
          Александр Коженевский
          Александр Коженевский jQu
          Основная специализация: ИТ и Разработка
          Не всегда можно отредактировать код самой кнопки. Но можно написать скрипт, который подхватит кнопки и будет исполнять нужный код (делать редирект) по клику.
          Готов выполнить.
          Ссылку на сайт, пжл.
          Гиорги Дзасохов
          Гиорги Дзасохов giorgii
          Основная специализация: Веб-разработка и Продуктовый дизайн
            Я готов взятся за работу ;)
            Анатолий Артемов
            Анатолий Артемов artemovanatoly
            Основная специализация: Веб-разработка и Продуктовый дизайн
            Могу сделать
            Dmitriy Nikonov
            Dmitriy Nikonov kazanskaya16
            Основная специализация: ИТ и Разработка
              Готов сделать.
              Окончательная цена после обсуждения деталей.
              Для оперативной связи пишите в ТГ:@Kazanskaya16
              Василий Хлыстов
              Василий Хлыстов khlystou
              Основная специализация: ИТ и Разработка
                Добрый вечер. Пишите - помогу разобраться в этом вопросе.
                Николай Шикин
                Николай Шикин guru_sun
                Основная специализация: ИТ и Разработка
                Вставлю событие

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

                Годовой финансовый трекер с помесячной детализацией
                Мобильное приложение показания счетчика воды
                Cloudflare в России больше не работает? Сделал свой мини-CDN на серверах в Москве и NL — сайты летают везде без блокировок
                Alexandr Alexandrov
                Alexandr Alexandrov gglalex
                Основная специализация: ИТ и Разработка
                  Здравствуйте! Готов встроить onclick событие на кнопку "Book a class" с редиректом на WhatsApp через Comagic. TG: @Alexuys.

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

                  Календарь на swift
                  web app
                  site
                  Stanislav Ricci
                  Stanislav Ricci ricci
                  Основная специализация: ИТ и Разработка
                  Чтобы добавить обработчик 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.
                  Олег Мазняк
                  Олег Мазняк rocketstudiofficial
                  Основная специализация: Веб-разработка и Продуктовый дизайн
                    Здравствуйте!

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

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

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

                    Другие открытые задания:

                    Полкорректировать текущий сайт на Тильде. 3 000 р.

                    Бюджет: 3 000 р. Нужно слегка скорректировать сайт. Весь контент пришлю после того, как договоримся. Посмотрите пожалуйста задание на видео по вот этой ссылке: https://disk.yand…

                    Копирайтер/Рерайтер (удаленно, ты сам себе босс)2 000 р.

                    Бюджет: 2 000 р. Эй! Мы ищем человека, у которого мысли сами просятся на экран Не важно, вёл ли ты блог или просто слишком много времени проводил в соцсетях — если ты умеешь гов…

                    Менеджер интернет-магазина (удаленно)25 000 р.

                    Бюджет: 25 000 р. В интернет-магазин требуется менеджер для работы с клиентами и заказами. Работа подойдёт тем, кто хочет спокойный удалённый формат без сложных задач. Нужно отвечат…

                    поиск заданий