Configuring elementor + piotnet to submit form to hubspot

Developer Support APIs & Integrations
1

Hi!

I am working on a multi-step form with the help of piotnet and elementor on my wordpress website. I want to manually send the form data to hubspot using this documentation that I found on your website: https://developers.hubspot.com/docs/methods/forms/submit_form
The reason I am sending this manually because this multistep form has javascript that cause hubspot unable to track its submission. The link of the mentioned form is this: https://hsa.com.my/smart-online-design

I face several issues in this one, firstly is I don’t have a :formGuid, as this form is a total new form that has not been captured by hubspot before. I tried finding if there is any guide in sending a total new form to hubspot on this, but I cannot find it. I may have overlook it, if so do point me into the direction!
Secondly is I am not sure if I had set correctly for this to happen. Attached the screenshot is how I set in elementor to make this happen.

27093i382CD016958380E4.PNG
27093i382CD016958380E4.PNG372×572 22.1 KB

To check the request sent after I submit the form, I use burpsuite to intercept the traffic to check. Below is the request sent out when I submit the form:

POST /wp-admin/admin-ajax.php HTTP/1.1
Host: hsa.com.my
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:76.0) Gecko/20100101 Firefox/76.0
Accept: /
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
X-Requested-With: XMLHttpRequest
Content-Type: multipart/form-data; boundary=---------------------------1147501598160296534189233364
Content-Length: 4481
Origin: https://hsa.com.my
DNT: 1
Connection: close
Referer: https://hsa.com.my/smart-online-design/
Cookie: super_session=7fe0b6b2beae0685a5de1031b9417237%7C%7C1589973495%7C%7C1589973135; _fbp=fb.2.1589971753938.914219960

-----------------------------1147501598160296534189233364
Content-Disposition: form-data; name="action"

pafe_ajax_form_builder
-----------------------------1147501598160296534189233364
Content-Disposition: form-data; name="post_id"

2518
-----------------------------1147501598160296534189233364
Content-Disposition: form-data; name="form_id"

b508c8a
-----------------------------1147501598160296534189233364
Content-Disposition: form-data; name="fields"

[{"label":"Feature Selection","name":"important","value":"Airbnb Contactless Solution,Kids Safety","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"House Type","name":"house","value":"BungalowSingleStorey","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Bedroom","name":"livingroom","value":"3","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Bedroom","name":"bed","value":"0","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Garden","name":"garden","value":"0","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Kitchen","name":"kitchen","value":"1","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Guest Room","name":"guest","value":"0","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Office Study Room","name":"office","value":"0","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Entertainment Room","name":"entertainment","value":"0","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Dining Room","name":"dining","value":"0","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Car Porch","name":"porch","value":"0","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Kids Play Room","name":"play","value":"0","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Stair Area","name":"stair","value":"0","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Parents Room","name":"parents","value":"0","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Project Name","name":"project","value":"crec","type":"text","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Phone Number","name":"phone","value":"01245767834","type":"tel","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Estimated Budget for Smart Suveillance System","name":"budget","value":"< RM 2,000","value_label":"< RM 2,000","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"How Old is Your House? (In Years)","name":"old","value":"03","type":"number","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"All the Window and Door with Grill?","name":"window","value":"Yes","value_label":"Yes","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Where Did You Hear About us?","name":"hear","value":"Facebook","value_label":"Facebook","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0},{"label":"Tell us About Your Story","name":"story","value":"serce","repeater_id":"","repeater_id_one":"","repeater_label":"","repeater_index":-1,"repeater_length":0}]
-----------------------------1147501598160296534189233364
Content-Disposition: form-data; name="referrer"

https://hsa.com.my/smart-online-design/
-----------------------------1147501598160296534189233364
Content-Disposition: form-data; name="remote_ip"

60.50.220.249
-----------------------------1147501598160296534189233364--

The response I got is a success response, and I have no idea how to further troubleshoot this so I reach out to you all here… Thank you so much! Let me know what can I provide to this community as to resolve this issue!

2

Hey @hsatechnology,

First thing first, when looking to use the Submit data for a form, you’d need to indicate both the Form ID and Portal ID as such, you’d need to first create a HubSpot form.

Upon creating the HubSpot Form, you should see the Form ID in the URL i.e.

https://app.hubspot.com/forms/{{Portal ID}}/{{Form ID}}/performance.

For the set up, I think you would need to make a couple of changes:

1. The URL (include the Form ID and portal ID).

2. Add content-typ: application/json under the header arguments.

3. The POST body should be the form field name of your external form that you’d like to pass over to the HubSpot form field name.