Как установить код виджетов ViaCRM на свой сайт, работающий на Tilda?

Чтобы установить код ViaCRM на сайт, созданный на платформе Tilda, необходимо выполнить несколько шагов. Важно учитывать, что функция вставки HTML-кода доступна только на платных тарифах Tilda (Personal или Business).

Получение кода от ViaCRM

Сначала нужно зарегистрироваться в системе ViaCRM и получить уникальный код для интеграции в личном кабинете сервиса — в разделе Проекты.

Вставка кода в Tilda

Есть два основных способа добавить код на сайт Tilda:

1. На все страницы сайта.

   • Зайдите в «Настройки сайта» (иконка шестерёнки на уровне проекта).
   • Перейдите в раздел «Ещё».
   • Найдите пункт «HTML-код для вставки внутрь HEAD» и нажмите «Редактировать код».
   • Вставьте полученный от ViaCRM код в открывшееся поле. Если там уже есть другой код, добавьте новый в конец, не удаляя предыдущие записи.
   • Нажмите «Сохранить».

2. На конкретную страницу.

   • Откройте нужную страницу в режиме редактирования.
   • Добавьте блок T123 («HTML-код»). Для этого нажмите «+» для добавления нового блока, в разделе «Другое» выберите T123.
   • Нажмите на блок T123, чтобы его отредактировать, и вставьте код в открывшийся редактор.

   Важно: в режиме редактирования и предпросмотра код будет отображаться как текст. Чтобы он заработал, страницу нужно опубликовать.

Настройка форм обратного звонка

Если вы хотите использовать функцию форм обратного звонка ViaCRM, выполните следующие шаги:

1. В любой ссылке на сайте (тег href) добавьте #VIACRM_callmeback. Например: <a href="#VIACRM_callmeback">Позвоните мне</a>.
2. При клике на такую ссылку посетитель сможет оставить заявку на перезвон через форму обратного звонка.

Дополнительные рекомендации

• Тестирование. После вставки кода проверьте работоспособность интеграции:
  • Откройте сайт в браузере и убедитесь, что виджет или форма ViaCRM отображаются корректно.
  • Протестируйте отправку заявки через виджет или форму — убедитесь, что данные поступают в личный кабинет ViaCRM.
  • Проверьте консоль браузера (Ctrl + Shift + J в Chrome) на наличие ошибок, связанных с кодом ViaCRM.
• Резервное копирование. Перед внесением изменений сделайте резервную копию сайта или сохраните исходный код в отдельном файле.
• Уникальные селекторы. Если в коде используются CSS-стили, старайтесь использовать уникальные классы или ID, чтобы избежать конфликтов со стилями Tilda.

Если у вас возникнут сложности с интеграцией, обратитесь в поддержку ViaCRM или Tilda.