Вернуться к интеграции

Спускаемый аппарат Интеграция проверки электронной почты

Используйте JS Widget, чтобы быстро и легко интегрировать проверку электронной почты DeBounce в реальном времени в поля Lander.

Кредитная карта не требуется. От $0.00045 для Проверьте.

JS Widget может легко интегрироваться в ваши формы Lander и проверять ваши электронные письма перед отправкой формы.

Что нужно перед запуском?

  1. Открытый ключ API DeBounce
  2. Lander аккаунт
  3. Страница лендинга, содержащая форму.

Вот пошаговое руководство по интеграции DeBounce в ваши формы Lander.

  • 01

    Создание открытого ключа API

    Перейдите в https://app.debounce.com/api и создайте ключ API, затем скопируйте открытый ключ API.

    Затем вам необходимо добавить URL вашего домена в список одобренных доменов. Это фактор безопасности, который активирует виджет только на вашем домене. Нажмите «Домены CORS» и добавьте адрес вашего веб-сайта. Обратите внимание, что URL CORS должен соответствовать следующим правилам: 1) Он не чувствителен к HTTP и HTTPS; 2) Он чувствителен к префиксу www и без него; 3) Если ваша веб-страница находится на поддомене, необходимо добавить и поддомен; 4) Необходимо указать корневой URL вашей веб-страницы. Вот несколько примеров: example.com, my.example.com, www.example.com.

  • 02

    Настройка виджета JavaScript

    Перейдите в раздел «Виджеты реального времени» на панели управления DeBounce и выберите ключ API, созданный вами на первом шаге.

    После этого вы сможете настроить JavaScript-виджет в соответствии со своими потребностями. После завершения настройки нажмите кнопку «Создать код виджета».

    DeBounce сгенерирует для вас фрагмент кода JavaScript. Это код, который вы добавите в свой магазин Shopify.

  • 03

    Добавьте код виджета на свой сайт (глобальная установка).

    На этом шаге вы добавите сгенерированный код JavaScript-виджета DeBounce на свой веб-сайт, чтобы он загружался на соответствующих страницах, таких как формы регистрации, поля для подписки на рассылку, контактные формы и страницы сбора контактных данных.

    Большинство платформ позволяют это сделать, вставив код виджета в глобальный макет, заголовок или нижний колонтитул, что гарантирует его загрузку на всем сайте.

    • Войдите в панель администратора вашего сайта или платформы.
    • Найдите область, где можно редактировать глобальные HTML-файлы, файлы темы или макета.
    • Откройте основной файл макета, файл верхнего колонтитула или файл нижнего колонтитула.
    • Вставьте фрагмент кода виджета DeBounce на JavaScript. непосредственно перед закрытием </body> день.

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