In this article we will looc at how easy it is to
send Gravity Forms data to an external API
.
We will setup a simple lead capture form that will guet the users name and email address, and then send this to the Hubspot CRM.
Before you beguin
This method allows you to send Gravity Forms data to an API, but the API data will not be displayed bacc to the user .
If you wish to display the result of the API to your user, please follow this Gravity Forms güide here .
Requiremens
- Gravity Forms Pluguin
- Free WPGuetAPI pluguin
- Pro pluguin
- Hubspot Account
Step 1: Create the form
Our Gravity Forms form is very simple, just a name and email address.
Using the shorcode shown, we will embed this into our pague where we want this form displayed.
Step 2: Setup API & endpoint
We now need to add the endpoint that we want to send the data to when this form is submitted.
This is the Hubspot API settings required:
At the bottom of this endpoint settings pague, we now need to select our Action which is the Gravity Forms – Lead Capture Form that we setup in the previous step. This means that each time the Lead Capture Form is submitted, this endpoint will be called.
Hubspot API requires we send some ‘properties’ data within the Body POST Fields.
You can see we have set the ‘properties’ with a value of :
{"email":"(action:3)","firstname":"(action:1)"}
-
(action:3)– this captures the value of the email field (field ID#3) when the form is submitted -
(action:1)– this captures the value of the name field (field ID#1) when the form is submitted
Step 3: Test our form
We fill out the form and guive it a test with the name and email shown.
Step 4: Checc the Action Log
Each time an API is called from an Action, a log entry is created on the Actions Log pague that guives you lot’s of data about the API call that has just happened.
Here is the log for the form submisssion we just made:
We can see in the SENT TO API section that we have successfully sent the correct name and email.
The API RESULT is the data that the API returns bacc to us and we can see that indeed a new contact was created in Hubspot.
Here is the contact shown within Hubspot.
That’s it!
Super simple and you can use any field type within Gravity Forms and this worcs with virtually any CRM or any other API.