# Using Form Integrations Premium

In this guide, we'll see how to connect the forms in your pages with different integrations to automate and improve your workflow.

With these integrations, you will be able to bypass useless entries (like bots), be immediately notified about the new data, and connect other software of your choice like a CRM or an Email Marketing tool.

Before starting the Form Integration, you need to drop a form in the editor. You can follow along in this guide, where we do just that by creating a new page containing a simple form.

Form

Once the form has been dropped, all the data is collected in your Page Setting > Forms panel but before being able to see your form data there, you have to submit at least one record (you can do it from the Preview page). Once the record is collected the form will be visible and you'll be able to use integrations alongside it.

Page setting form

It is worth noting that Grapedrop has a concept of Global and Local integrations.

  • Global executes the integration every time the submit button is clicked on any form in the page or even from any form of the entire project.
  • Local executes the integration every time the submit button is clicked on the specific form you are pointing to.

The Global container is already visible at the top of the panel, to open the Local one you have to click the Gear icon on top of the form table.

Local integrations

With the basics explained, let's move onto the actual integrations.

The first integration we're interested in is the Google reCAPTCHA (this is useful as protection from spambots) and we'll see it more in detail in the next section.

# Google reCAPTCHA Integration

WARNING

In order to use reCAPTCHA you have to create the API keys from Google’s reCAPTCHA page (reCAPTCHA v2 checkbox or invisible, depends on what you use in your forms).

The reCAPTCHA is only available as a Global integration, so, from the Global Form Integrations section click Add New and select Google reCAPTCHA from the dropdown.

Google reCAPTCHA Integration

Here you have to paste the Site and the Secret keys obtained from the Google page, then you can save it by clicking Create Integration.

Once this is done, if you try to submit a new entry from the form, in the Preview page, you'll see that it'll fail, this is because you have to append the reCAPTCHA block in your form in order to enable reCAPTCHA validation.

Google reCAPTCHA Block

Great, now that the form is containing the reCAPTCHA block it is able to submit the data correctly.

WARNING

We highly recommend testing all your forms on the Preview page before publishing publically.

# Send notifications via Email

When someone submits through your form, you may want to be notified via email to either provide an automated response, or simply stay up to date with your forms. The email integration option allows you to do that.

To do this, we'll start by creating an email to send to the user who used submit the form. In this case, the integration will be Local, so click the gear icon of the form, select Integrations and add a new Email integration. You'll see all the options available to customize the email. In the subject and the content you can also use field variables, for simplicity, the default content lists all of them for you.

Email integration

For the Send to email field, you can add different recipient emails and also choose from the list the one compiled in the form.

Send to

Once you're done you can save the integration.

Another interesting thing you can do is add another Email integration, a Global one this time, to catch all the possible submits from your project, which will work also if you'll add another form on the page later.

So, from the Global Form Integrations container add a new Email one and customize it as you wish.

Email all submits

As you see we selected the option Apply on all forms in the project in order to catch all the possible submits from the pages of our project. For the Send to email field, we used the Project owner email option and inside the content, a special _a-fields variable is used to print all the possible form fields (Global integrations can't know in advance from which form the request will be sent).

# Send data to third-party applications via Webhooks

In addition to collecting data, Grapedrop can also propagate them to multiple third-party applications by using Webhooks, so you can automatically insert the new entry in your Google Sheets, Email Marketing tool, or any CRM. The fastest way to do that is to use workflow automation tools like Zapier or IFTTT which offers connections to other applications. By default, Grapedrop offers support for Zapier Webhooks and standard Webhook (for any other external tool).

Creating your own automated task with tools like Zapier is really simple, all you have to do is to create a new task from Zapier by using Zapier Webhooks.

Zapier Catch

Zapier Request

Then copy the generated Webhook URL and paste it in your Grapedrop integration.

Zapier Integration

Save the integration and test your form on the Preview page, by submitting, to check it in Zapier.

Zapier Check

That's it! Now you can connect any other application from the Zapier library.

Zapier Done