Top.Mail.Ru
Установка

LPgenerator

Инструкция по подключению виджета Touch_me на лендинг, созданный в LPgenerator.

3 мин. на чтение

Содержание инструкции

    Способ 1. Установка через настройки страницы — рекомендуется

    1. Войдите в личный кабинет LPgenerator и откройте нужный проект.

    2. Выберите посадочную страницу, на которую хотите добавить виджет, и перейдите в режим её редактирования.

    3. Откройте настройки страницы.

      В зависимости от интерфейса нужный раздел может называться «Настройки», «Скрипты», «Коды» или «Дополнительный код».

    4. Найдите поле для добавления кода в <head>.

      Это может быть поле с названием «HEAD» или «Перед закрывающим тегом </head>».

    5. Вставьте код виджета Touch_me в найденное поле.

      Вставляйте код полностью, не изменяя его структуру.

      <script async src="https://api.touchme.pro/widget/bundle.js?site=ВАШ_ID" data-touch-me-widget-siteid="ВАШ_ID" data-touch-me-api="https://api.touchme.pro"></script>
    6. Сохраните изменения и опубликуйте страницу.

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

    Способ 2. Если на лендинге несколько страниц

    Если виджет Touch_me должен работать на всех страницах воронки, лучше подключить его один раз через общие настройки проекта или домена — если такая возможность есть.

    Если общего поля для кода нет, добавьте скрипт в настройки каждой страницы отдельно, например:

    • основной страницы лендинга;
    • страницы «Спасибо»;
    • страниц с акциями;
    • других страниц, которые входят в воронку.

    Так вы сможете обеспечить корректную работу виджета на всех нужных этапах взаимодействия с пользователем.

    Способ 3. Если код добавляется через HTML-блок

    Используйте этот способ только в том случае, если в настройках страницы нет отдельного поля для добавления кода в <head>.

    1. Добавьте HTML-блок в начало страницы.
    2. Вставьте в него полный код виджета Touch_me.
    3. Сохраните изменения и опубликуйте страницу.
    4. Проверьте исходный код опубликованной страницы.

    Важно: скрипт виджета должен загружаться на странице только один раз. Если код подключён несколько раз, это может привести к некорректной работе виджета.

    Проверка установки

    После установки рекомендуем убедиться, что код подключён корректно.

    1. Откройте ваш сайт в браузере.
    2. Нажмите Ctrl + U (на macOS — ⌘ + Option + U), чтобы открыть исходный код страницы.
    3. Нажмите Ctrl + F и найдите строку data-touch-me-widget-site-id.
    4. Убедитесь, что код Touch_me присутствует на странице.

    Важно

    • Код виджета должен быть добавлен только один раз на каждой странице.
    • Не добавляйте его одновременно в общие настройки и в HTML-блок страницы.
    • После изменений проверяйте именно опубликованную версию лендинга, а не предпросмотр в редакторе.
    • Если используется кэш браузера или CDN, обновите страницу с очисткой кэша: Ctrl + F5.

    Связанные инструкции и гайды

    Содержание инструкции

      Попробуйте все возможности touch_me бесплатно! Триал - 14 дней

      Попробовать бесплатно

      Изучите инструкции и гайды

      Установка

      Самописный сайт

      Инструкция по добавлению кода виджета Touch_me для сайтов с индивидуальной разработкой: HTML, PHP, Laravel, Django, Node.js, React, Vue, Next.js и других технологий.

      Установка

      Taptop

      Как установить виджет Touch_me в Taptop и запустить его на сайте.

      Виджеты

      Промокод

      Покажем, как создать виджет «Промокод» в Touch_me и настроить его для удобного использования.

      Начните повышать
      конверсию уже сегодня

      Подключите touch_me и превратите трафик
      в реальные заявки

      Установка Touch_me на LPgenerator — инструкция по подключению виджетов — №2 Установка Touch_me на LPgenerator — инструкция по подключению виджетов — №3
      Установка Touch_me на LPgenerator — инструкция по подключению виджетов — №1

      Мы используем куки, чтобы улучшить ваш пользовательский опыт