Envoyer formulaire site wordpress Elementor vers power automate

Power Automate
Envoyer formulaire site wordpress Elementor vers power automate
Posté par Lou sur 6 mars 2024 at 10h14
Bonjour,
Je veux envoyer les résultats du formulaire de mon site wordpress elementor vers power automate.
Sur elementor je peux utiliser un webhook.
Je veux donc directement envoyer l’enregistrer vers power auto sans passer par un service tiers.
Lors de la création d’un flux automatisé dans PA, je ne trouve pas le déclencheur : “Quand une requête HTTP est reçue”
Quelqu’un a t il déjà fait ça ?
Lou a répondu 1 year, 1 month ago 1 Membre · 2 Réponses
2 Réponses

Lou
Member
6 mars 2024 at 16h32
Bonjour,
J’ai avancé, en créant un flux power automate :
Mon corps de JSON est :
<div>
<div>{</div>
<div>”type”: “object”,</div>
<div>”properties”: {</div>
<div>”form”: {</div>
<div>”type”: “object”,</div>
<div>”properties”: {</div>
<div>”id”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”name”: {</div>
<div>”type”: “string”</div>
<div>}</div>
<div>}</div>
<div>},</div>
<div>”fields”: {</div>
<div>”type”: “object”,</div>
<div>”properties”: {</div>
<div>”typeDeBien”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”adresse”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”ville”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”codePostal”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”nom”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”prenom”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”email”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”telephone”: {</div>
<div>”type”: “string”</div>
<div>}</div>
<div>}</div>
<div>},</div>
<div>”meta”: {</div>
<div>”type”: “object”,</div>
<div>”properties”: {</div>
<div>”date”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”heure”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”page_url”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”agent_utilisateur”: {</div>
<div>”type”: “string”</div>
<div>},</div>
<div>”IP_distante”: {</div>
<div>”type”: “string”</div>
<div>}</div>
<div>}</div>
<div>}</div>
<div>},</div>
<div>”required”: [</div>
<div>”fields”</div>
<div>]</div>
<div>}</div>
<div> </div>
<div> </div>
<div>Avec elementor pro, dans mon formulaire, j’ai mis mon URL donnée par power app. </div>
<div> </div>
<div>J’ai vérifier le flux de sorti avec Webhook Tester : </div>
<div>
<div class=”mb-2 flex justify-between”>
<h2 class=”text-md font-semibold text-gray-900 dark:text-white my-2″>POST 0fb9aeba-3b5f-4584-810a-b4bfee564798</h2>
<form class=”button_to” action=”https://webhook-test.com/webhook_loads/2427615″ method=”post”><button class=”ml-4 text-xs bg-red-500 hover:bg-red-700 text-white rounded focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center” type=”submit” data-turbo-method=”delete” data-turbo-confirm=”Are you sure?”>Delete</button></form></div>
<div class=”grid grid-cols-1 xl:grid-cols-2 gap-4 mt-4″>
<div class=”w-full”>
<table class=”w-full text-xs text-left text-gray-500 dark:text-gray-400 border-0 border-dashed rounded-lg”>
<thead class=”text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400″>
<tr>
<th class=”px-2 py-3″ scope=”col”>REQUEST HEADERS</th>
</tr>
</thead>
<tbody>
<tr class=”bg-white border-b dark:bg-gray-800 dark:border-gray-700″>
<th class=”px-2 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white” scope=”row”>POST</th>
<td class=”px-2 py-2″>0fb9aeba-3b5f-4584-810a-b4bfee564798</td>
</tr>
<tr class=”bg-white border-b dark:bg-gray-800 dark:border-gray-700″>
<th class=”px-2 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white” scope=”row”>Host</th>
<td class=”px-2 py-2″>89.116.147.52</td>
</tr>
<tr class=”bg-white border-b dark:bg-gray-800 dark:border-gray-700″>
<th class=”px-2 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white” scope=”row”>HTTP_HOST</th>
<td class=”px-2 py-2″>webhook-test.com</td>
</tr>
<tr class=”bg-white border-b dark:bg-gray-800 dark:border-gray-700″>
<th class=”px-2 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white” scope=”row”>HTTP_ACCEPT</th>
<td class=”px-2 py-2″>*/*</td>
</tr>
<tr class=”bg-white border-b dark:bg-gray-800 dark:border-gray-700″>
<th class=”px-2 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white” scope=”row”>CONTENT_TYPE</th>
<td class=”px-2 py-2″>application/x-www-form-urlencoded</td>
</tr>
<tr class=”bg-white border-b dark:bg-gray-800 dark:border-gray-700″>
<th class=”px-2 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white” scope=”row”>HTTP_VERSION</th>
<td class=”px-2 py-2″>HTTP/1.1</td>
</tr>
<tr class=”bg-white border-b dark:bg-gray-800 dark:border-gray-700″>
<th class=”px-2 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white” scope=”row”>CONTENT_LENGTH</th>
<td class=”px-2 py-2″>3447</td>
</tr>
<tr class=”bg-white border-b dark:bg-gray-800 dark:border-gray-700″>
<th class=”px-2 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white” scope=”row”>HTTP_CONNECTION</th>
<td class=”px-2 py-2″>close</td>
</tr>
<tr class=”bg-white border-b dark:bg-gray-800 dark:border-gray-700″>
<th class=”px-2 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white” scope=”row”>HTTP_USER_AGENT</th>
<td class=”px-2 py-2″>WordPress/6.4.3; https://gaston-immo.com</td>
</tr>
<tr class=”bg-white border-b dark:bg-gray-800 dark:border-gray-700″>
<th class=”px-2 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white” scope=”row”>HTTP_ACCEPT_ENCODING</th>
<td class=”px-2 py-2″>deflate, gzip</td>
</tr>
</tbody>
</table>
Content : form%5Bid%5D=f6a265c&form%5Bname%5D=FormProSenior&fields%5Bfield_7dffbdc%5D%5Bid%5D=field_7dffbdc&fields%5Bfield_7dffbdc%5D%5Btype%5D=step&fields%5Bfield_7dffbdc%5D%5Btitle%5D=Votre+bien&fields%5Bfield_7dffbdc%5D%5Bvalue%5D=&fields%5Bfield_7dffbdc%5D%5Braw_value%5D=&fields%5Bfield_7dffbdc%5D%5Brequired%5D=0&fields%5Bfield_eaf2c09%5D%5Bid%5D=field_eaf2c09&fields%5Bfield_eaf2c09%5D%5Btype%5D=radio&fields%5Bfield_eaf2c09%5D%5Btitle%5D=Type+de+bien+immobilier+%3A&fields%5Bfield_eaf2c09%5D%5Bvalue%5D=Appartement&fields%5Bfield_eaf2c09%5D%5Braw_value%5D=Appartement&fields%5Bfield_eaf2c09%5D%5Brequired%5D=0&fields%5Bfield_5b34222%5D%5Bid%5D=field_5b34222&fields%5Bfield_5b34222%5D%5Btype%5D=text&fields%5Bfield_5b34222%5D%5Btitle%5D=Adresse+%28num%C3%A9ro+et+rue%29+%3A&fields%5Bfield_5b34222%5D%5Bvalue%5D=de&fields%5Bfield_5b34222%5D%5Braw_value%5D=de&fields%5Bfield_5b34222%5D%5Brequired%5D=1&fields%5Bfield_8ac981a%5D%5Bid%5D=field_8ac981a&fields%5Bfield_8ac981a%5D%5Btype%5D=text&fields%5Bfield_8ac981a%5D%5Btitle%5D=Ville+%3A&fields%5Bfield_8ac981a%5D%5Bvalue%5D=Paris&fields%5Bfield_8ac981a%5D%5Braw_value%5D=Paris&fields%5Bfield_8ac981a%5D%5Brequired%5D=1&fields%5Bfield_6d72d8a%5D%5Bid%5D=field_6d72d8a&fields%5Bfield_6d72d8a%5D%5Btype%5D=number&fields%5Bfield_6d72d8a%5D%5Btitle%5D=Code+postal+%3A&fields%5Bfield_6d72d8a%5D%5Bvalue%5D=75010&fields%5Bfield_6d72d8a%5D%5Braw_value%5D=75010&fields%5Bfield_6d72d8a%5D%5Brequired%5D=1&fields%5Bfield_4be9b2c%5D%5Bid%5D=field_4be9b2c&fields%5Bfield_4be9b2c%5D%5Btype%5D=step&fields%5Bfield_4be9b2c%5D%5Btitle%5D=Votre+contact&fields%5Bfield_4be9b2c%5D%5Bvalue%5D=&fields%5Bfield_4be9b2c%5D%5Braw_value%5D=&fields%5Bfield_4be9b2c%5D%5Brequired%5D=0&fields%5Bname%5D%5Bid%5D=name&fields%5Bname%5D%5Btype%5D=text&fields%5Bname%5D%5Btitle%5D=Nom+%3A&fields%5Bname%5D%5Bvalue%5D=de&fields%5Bname%5D%5Braw_value%5D=de&fields%5Bname%5D%5Brequired%5D=1&fields%5Bfield_e731a6d%5D%5Bid%5D=field_e731a6d&fields%5Bfield_e731a6d%5D%5Btype%5D=text&fields%5Bfield_e731a6d%5D%5Btitle%5D=Pr%C3%A9nom+%3A&fields%5Bfield_e731a6d%5D%5Bvalue%5D=de&fields%5Bfield_e731a6d%5D%5Braw_value%5D=de&fields%5Bfield_e731a6d%5D%5Brequired%5D=1&fields%5Bemail%5D%5Bid%5D=email&fields%5Bemail%5D%5Btype%5D=email&fields%5Bemail%5D%5Btitle%5D=Email+%3A&fields%5Bemail%5D%5Bvalue%5D=de%40de.de&fields%5Bemail%5D%5Braw_value%5D=de%40de.de&fields%5Bemail%5D%5Brequired%5D=1&fields%5Bfield_69c593b%5D%5Bid%5D=field_69c593b&fields%5Bfield_69c593b%5D%5Btype%5D=tel&fields%5Bfield_69c593b%5D%5Btitle%5D=T%C3%A9l%C3%A9phone+%3A&fields%5Bfield_69c593b%5D%5Bvalue%5D=6755500690&fields%5Bfield_69c593b%5D%5Braw_value%5D=6755500690&fields%5Bfield_69c593b%5D%5Brequired%5D=1&meta%5Bdate%5D%5Btitle%5D=Date&meta%5Bdate%5D%5Bvalue%5D=6+mars+2024&meta%5Btime%5D%5Btitle%5D=Heure&meta%5Btime%5D%5Bvalue%5D=3%3A10+pm&meta%5Bpage_url%5D%5Btitle%5D=URL+de+la+page&meta%5Bpage_url%5D%5Bvalue%5D=https%3A%2F%2Fgaston-immo.com%2Fvaloriser-bien-immo-vide%2F%3Fpreview_id%3D24%26preview_nonce%3Dfcbe79f527%26preview%3Dtrue&meta%5Buser_agent%5D%5Btitle%5D=Agent+utilisateur&meta%5Buser_agent%5D%5Bvalue%5D=Mozilla%2F5.0+%28Macintosh%3B+Intel+Mac+OS+X+10_15_7%29+AppleWebKit%2F605.1.15+%28KHTML%2C+like+Gecko%29+Version%2F17.0+Safari%2F605.1.15&meta%5Bremote_ip%5D%5Btitle%5D=IP+distante&meta%5Bremote_ip%5D%5Bvalue%5D=2a02%3A8428%3A6a7%3A4e01%3A3840%3A41f%3A1f00%3A945f&meta%5Bcredit%5D%5Btitle%5D=Propuls%C3%A9+par&meta%5Bcredit%5D%5Bvalue%5D=Elementor
le JSON correspond à la sortie en principe mais rien ne se passe quand je remplis le formulaire, elementor me dis webhock error.
Quelqu’un a t’il un conseil ?
</div>
</div>
</div>
</div>
Lou
Member
6 mars 2024 at 17h58
Le problème semble venir du corps JSON du déclencheur,
Quand j’enlève le JSON, le flux se déclenche bien à partir du webhock, je peux meme récupere le body du webhock.
Mais même quand j’utilise le module pour transformer la réponse JSON en code JSON dans le Déclencheur, il ne se passe plus rien…
Une idée ? Ou un pro à me recommander ?

Connectez-vous pour répondre

Connectez-vous pour répondre.

Power Automate

Organizer:

Envoyer formulaire site wordpress Elementor vers power automate

Envoyer formulaire site wordpress Elementor vers power automate

Lou

Lou