Настройка Elementor
![Настройка Elementor Настройка Elementor](/media/blogimg/auto/ru/d072ef93f2649eebd8e05b86a9c2a10f.png)
Интеграция позволит вам получать данные по формам из Elementor, передавая их в другие системы. Например, новые данные вы можете передавать в CRM или GoogleSheets, отправлять в виде уведомлений в группу менеджеров, чтобы не пропускать ни один ответ по форме. Еще вы можете отправлять данные по форме в сервис SMS- или Email-рассылок. Так вы сможете максимально эффективно автоматизировать процесс обработки данных по формам с помощью разных сервисов, которые используете.
Давайте пройдем весь этап настройки Elementor вместе!
Навигация:
1. Какие данные можно получать из Elementor?
2. Как подключить аккаунт Elementor к ApiX-Drive?
3. Ссылка для Приема Данных.
4. Пример данных по форме.
Ответы на часто задаваемые вопросы:
1. Как сгенерировать тестовые данные в Elementor?
Для того чтобы начать настройку новой связи кликните "Создать связь".
![Настройка Elementor | Создание связи Настройка Elementor | Создание связи](/media/blogimg/auto/ru/1c7696eae4d9b3efc08d5db3832bb1a0.png)
Выберите систему в качестве Источника Данных. В данном случае, необходимо указать Elementor.
![Настройка Elementor | Выбор системы Настройка Elementor | Выбор системы](/media/blogimg/auto/ru/0d6213bed4ab0423edb7a44c8a56182f.png)
Далее, необходимо указать действие "Загрузить ДАННЫЕ".
![Настройка Elementor | Выбор действия Настройка Elementor | Выбор действия](/media/blogimg/auto/ru/c28ab41eea65d8234c3aa071615b0f72.png)
Следующий шаг - выбор аккаунта Elementor, из которого будет происходить выгрузка данных.
Если нет подключенных логинов к системе кликните "Подключить аккаунт".
![Настройка Elementor | Подключение аккаунта Настройка Elementor | Подключение аккаунта](/media/blogimg/auto/ru/5c82fac650b6caecaec9d07a54834958.png)
Укажите название вашего аккаунта (если необходимо) и кликните "Сохранить".
После этого произойдет перезагрузка страницы и сохраненный аккаунт автоматически будет выбран.
![Настройка Elementor | Сохранение аккаунта Настройка Elementor | Сохранение аккаунта](/media/blogimg/auto/ru/3280d7e9abb781d6b2cad4848906a90f.png)
Если этого не произошло, выберите созданный аккаунт в списке.
![Настройка Elementor | Выбор аккаунта Настройка Elementor | Выбор аккаунта](/media/blogimg/auto/ru/ade848da902ddbea5125e5f6d25d9c4a.png)
Скопируйте ссылку в поле "URL для приема данных" и перейдите в админ панель вашего сайта WordPress в раздел "Pages".
![Настройка Elementor | URL для Приема Данных Настройка Elementor | URL для Приема Данных](/media/blogimg/auto/ru/a2e65e1a8d57ff26fadf940a78863605.png)
Найдите страницу, на которой расположена форма Elementor и из которой будут выгружаться данные и нажмите "Edit with Elementor"
![Настройка Elementor | Выбор страницы Настройка Elementor | Выбор страницы](/media/blogimg/auto/ru/d39528a97eb8d4736f560046133a90ba.png)
Нажмите "Edit Form" , перейдите в раздел "Actions After Submit", в поле "Add Action" нажмите "+" и выберите из выпадающего списка "Webhook".
![Настройка Elementor | Переход к разделу настроек Webhook Настройка Elementor | Переход к разделу настроек Webhook](/media/blogimg/auto/ru/03e9092ce166b36645587b94d12a4dfc.png)
Перейдите в раздел "Webhook", в поле "Webhook URL" вставьте ссылку, которую вы скопировали ранее в системе ApiX-Drive, ссылку для приема данных, далее нажмите "UPDATE" для сохранения.
![Настройка Elementor | Настройка Webhook Настройка Elementor | Настройка Webhook](/media/blogimg/auto/ru/06445fe95cf4477ad2e9e68ba788e721.png)
Обратите внимание! Вы можете использовать функцию "Advanced Data". Установите флажок YES для отправки расширенных данных в webhook, которые будут включать метаданные, такие как дата и время, удаленный IP и т.д. Он также отправит данные в виде массива, например:[ 'Name' => 'John Doe', 'Email' => '[email protected]', 'Message' => 'Please contact me' ].
Если Advanced Data установлено на NO, данные будут отправлены в простой форме, которая отправит поля формы на webhook в виде текстового сообщения, например: "Name: John Doe, Email: [email protected], Message: Пожалуйста, свяжитесь со мной".
![Настройка Elementor | Дополнительные данные для отправки Настройка Elementor | Дополнительные данные для отправки](/media/blogimg/auto/ru/4737eb1b79ca1834f6b5edb7a2162056.png)
Подключение передачи данных по Webhook завершено.
Обратите внимание! После настройки, в нашей системе сразу не будет тестовых данных и списка полей, т.к. на новый URL еще ничего не пришло.
Нужно обязательно совершить событие, например, заполнить форму.
После этого, на этапе Проверить в Источнике Данных отобразятся поля с данными.
Если этого не произошло, нажмите Загрузить тестовые данные из Elementor или повторите генерацию тестовых данных, или подождите некоторое время, данные приходят не сразу, а в течении 1 минуты.
Если необходимо, вы можете настроить Фильтр данных, либо кликнуть "Продолжить", чтобы пропустить этот шаг.
Для того, чтобы узнать как настраивается Фильтр данных перейдите по ссылке: https://apix-drive.com/ru/help/filtr-dannyh
![Настройка Elementor | Фильтр данных Настройка Elementor | Фильтр данных](/media/blogimg/auto/ru/b16e24f47d4811b62633de077f82f09b.png)
Теперь вы можете увидеть тестовые данные по Форме.
Если тестовые данные не появились автоматически, кликните "Загрузить тестовые данные из Elementor" или попробуйте сгенерировать действия в вашем Elementor при помощи тестирования.
Есть вас все устраивает кликните "Далее".
Обратите внимание! После настройки, в нашей системе сразу не будет тестовых данных и списка полей, т.к. на новый URL еще ничего не пришло.
Нужно обязательно совершить событие, например, заполнить форму.
После этого, на этапе Проверить в Источнике Данных отобразятся поля с данными.
Если этого не произошло, нажмите Загрузить тестовые данные из Elementor или повторите генерацию тестовых данных, или подождите некоторое время, данные приходят не сразу, а в течении 1 минуты.
![Настройка Elementor | Тестовые данные по Форме Настройка Elementor | Тестовые данные по Форме](/media/blogimg/auto/ru/38e2e004ede51df8e38bea5046e6642c.png)
![Настройка Elementor | Тестовые данные по Форме Настройка Elementor | Тестовые данные по Форме](/media/blogimg/auto/ru/cdd36ab316d73daddc2416cc7b38a528.png)
![Настройка Elementor | Тестовые данные по Форме Настройка Elementor | Тестовые данные по Форме](/media/blogimg/auto/ru/96c0882f4d975dbf3ee52dbe8e80de20.png)
![Настройка Elementor | Тестовые данные по Форме Настройка Elementor | Тестовые данные по Форме](/media/blogimg/auto/ru/1195691123c134b5748e0d30516cfa98.png)
![Настройка Elementor | Тестовые данные по Форме Настройка Elementor | Тестовые данные по Форме](/media/blogimg/auto/ru/3645a95b143cc6708696837c67624f29.png)
![Настройка Elementor | Тестовые данные по Форме Настройка Elementor | Тестовые данные по Форме](/media/blogimg/auto/ru/0bf6b4e3b74d78e1713887287fd9f535.png)
Для генерации тестовых данных перейдите на вашу страницу, где расположена форма, нажав возле страницы "View".
![Настройка Elementor | Генерация тестовых данных по форме Настройка Elementor | Генерация тестовых данных по форме](/media/blogimg/auto/ru/aea0fff1dc1f1984e8c6679659ffae55.png)
Заполните форму и нажмите "Send".
![Настройка Elementor | Генерация тестовых данных по форме Настройка Elementor | Генерация тестовых данных по форме](/media/blogimg/auto/ru/d39f5b46a0d545661138cf4e77e4d4c5.png)
На этом вся настройка Источника Данных завершена! Видите как все просто!?
Теперь можете приступить к настройке системы Приема Данных.
Для этого проведите настройку самостоятельно или перейдите в раздел справки "Настройка сервисов", найдите необходимый вам сервис в качестве Приема Данных и следуйте рекомендациям по настройке.
Удачи!
![Настройка Elementor | Переход к настройке Приема данных Настройка Elementor | Переход к настройке Приема данных](/media/blogimg/auto/ru/669c4007178f519f22b62957a3225391.png)