How to Integrate With Your Favorite Apps

ways of using upload forms
3 Smart Ways of Using Upload Forms
February 28, 2017
css tricks for web forms
17 CSS Tricks For Web Forms That You Should Know About
March 2, 2017

How to Integrate With Your Favorite Apps

web form app integration guide

So you’ve seen a few app names which you think would be great to add to your form, the next step is adding them. Integrating apps is a piece of cake. The main idea is:

  • Get the API key from your account on the chosen platform and add it in the integration box
  • Customize how the information is stored in your account
  • Watch data flow from your forms directly into your other services.

Below is a step-by-step guide to adding an app. We’ll take the MailChimp integration as an example, because the majority of apps work like this.

1. Go to SettingsApplications and click “ADD” on the app you want to integrate with. Since we’re looking for email marketing, let’s go with MailChimp.

how to connect apps to 123contactform web form

2. After adding the app you’ll be asked to provide the API Key.

For this, you will need to go to your MailChimp account and get it. Here’s the location:

mailchimp api integration for web forms

Copy the API key provided in the MailChimp account and paste it in the integration box.

mailchimp web form integration app

Flash Fact: API comes from programming interface key, and it’s used to identify what programs calls for data from the respective platform.

You’ve just integrated your form with MailChimp! The next step is to customize it – meaning to choose what data goes where.

3. Click on the Customize button below the API key field, and you will get to this interface:

customize mailchimp app for online forms

Here’s what they mean and how to use them:

Action = there are 2 actions you can choose from: Add Subscriber to a mailing list, or Unsubscribe a person.

They are used for newsletter subscription forms, in which the user either sign ups for receiving or for opting out of one. It’s common practice to also proved a form for unsubscribing from a newsletter, so this will come in handy.

Use List = here you choose what list will be used to register the contact. You can create lists through your MailChimp dashboard. In the example there is a list created – all the people that will complete the form will be stored into “Newsletter Subscribers” list.

Always try to segment your mailing lists. It’s very useful to see where subscribers come from for analytical reasons. Also, in case you want to create a specific promo for a certain type of subscriber, having only 1 general list will make it very hard to separate them.

Email on failure = in rare cases errors might occur when sending data, so here you can specify an email address which will receive the error messages,

Easy, right? Just copy the key and choose a few options, and hours of manual labour are cut from your schedule. In case you need additional help with your apps, please don’t hesitate to contact us, our support team is on stand by.

Optimizing business procedures and improving digital communication through web forms & surveys.


  1. Can I have 123 Contact Form send the information generated under “Submissions” to an excel spreadsheet?

Leave a Reply

Your email address will not be published. Required fields are marked *