Integration between the Elementor Forms and Datalayer

otaviodeveloper

sourei

<ol>
<li>Get the user location and IP address;</li>
<li>When filling out and submitting an Elementor form it’s returned the time and date that the submission was triggered;</li>
<li>When filling out and submitting an Elementor form, all form fields are sent to the dataLayer, following the following model:</li>
</ol>
{ 
 “event”: “formSubmitDLFSE”, 
 “fields”: { 
 “nome”: { 
 “id”: “nome”, 
 “type”: “text”, 
 “title”: “Nome”, 
 “value”: “Name Example”, 
 “raw_value”: “Name Example”, 
 “required”: true 
 }, 
 “telefone”: { 
 “id”: “telefone”, 
 “type”: “text”, 
 “title”: “Telefone”, 
 “value”: “(99) 99999-9999”, 
 “raw_value”: “(99) 99999-9999”, 
 “required”: true 
 }, 
 “email”: { 
 “id”: “email”, 
 “type”: “email”, 
 “title”: “Email”, 
 “value”: “example@sourei.com.br”, 
 “raw_value”: “example@sourei.com.br”, 
 “required”: true 
 }, 
 “cidade”: { 
 “id”: “cidade”, 
 “type”: “text”, 
 “title”: “Cidade”, 
 “value”: “Varginha”, 
 “raw_value”: “Varginha”, 
 “required”: true 
 }, 
 “servico”: { 
 “id”: “servico”, 
 “type”: “checkbox”, 
 “title”: “Serviços interessado”, 
 “value”: “Digitalização”, 
 “raw_value”: [ 
 “Digitalização” 
 ], 
 “required”: false 
 } 
 }, 
 “gtm.uniqueEventId”: 21 
}
<h3>Integrated Services</h3>
<ul>
<li>WordPress</li>
<li>Woocommerce</li>
<li>Elementor</li>
<li>Google Tag Manager</li>
</ul>
<h4>Instalation:</h4>
<ul>
<li>Upload the plugin files to the wp-content/plugins folder, or install using the WordPress plugin installer.</li>
<li>Activate the plugin.</li>
</ul>
<h4>Compatibility:</h4>
Requires Elementor 3.0 or later.

Datalayer For Elementor

This is a great plugin specially if you are using Google Tag Manager! It sends data to the datalayer whenever an user submits a form and that can be very useful! It also pushes some user info like their IP Address, User Agent and their location!

Alternatives to Datalayer For Elementor

Top alternatives