You are currently viewing Create Zoho Forms and Post data using Zoho Creator API (Zoho Creator API Guide)

Create Zoho Forms and Post data using Zoho Creator API (Zoho Creator API Guide)

Before post data to Zoho forms, we need to create Application and Form in Zoho Creator. Please follow following Steps to create Zoho Application and Zoho Form within that Application.

Start: Go to https://creator.zoho.com and login to your account.

Optional: Create Account if not with Zoho.

Step 1: Create New Application

Create Zoho Forms and Post data using Zoho Creator API (Zoho Creator API Guide)

Step 2: Create From scratch

Create Zoho Forms and Post data using Zoho Creator API (Zoho Creator API Guide)

Step 3: Give Application Name

Create Zoho Forms and Post data using Zoho Creator API (Zoho Creator API Guide)

Step 4: Create Contact Form

Create Zoho Forms and Post data using Zoho Creator API (Zoho Creator API Guide)

Step 5: View Contact form

Create Zoho Forms and Post data using Zoho Creator API (Zoho Creator API Guide)

Now you are ready to add records to your Zoho form. For more details: https://www.zoho.com/creator/help/api/rest-api/rest-api-add-records.html

Create simple HTML code (contact-us.html)

<html>
<body>
<form method="POST" action="https://creator.zoho.com/api/<ownername>/<format>/<applicationName>/form/<formName>/record/add">
<input type="hidden" name ="authtoken" value="<authtoken>">
<input type="hidden" name ="scope" id="scope" value="ZohoCreator">
<input type="text" name="Name" value="Jignesh">
<input type="email" name="Email" value="[email protected]">
<input type="text" id="Phone" name="Phone" value="7845129630">
<textarea name="Message" id="Message" rows="4">test message</textarea>
<input type="submit" value="Add Record">
</form>
</body>
</html>

where,

<ownername> This is the admin username which can be obtained using zoho.adminuser or zoho.appuri variables (refer this page). You can also view your app URL in the URL bar of your browser for example, <https://creator.zoho.com/<ownername>/<applicationname>/…> to obtain it.

<applicationName> and <formName> These are the link names of your application and form as can be referred from here.

<format> This is the type of response format as listed below.

Formats

xml, json

In our case:

applicationName: contactusform

Format: XML

formName: Contact

For <authtoken> you can generate from the following link

https://accounts.zoho.com/apiauthtoken/nb/create?SCOPE=ZohoCreator/creatorapi&amp;EMAIL_ID=Zoho CREATOR Username or Email ID&amp;PASSWORD=Zoho CREATOR Password
Parameters

Parameters to be passed along with this URL are,

Parameter NameDescription
EMAIL_IDSpecify your email address
scopeSpecify the value as ZohoCreator/creatorapi
PASSWORDSpecify your Zoho Creator password

Replace all parameters in html file I.e. contact-us.html and run into browser.

Your Contact Us page is ready and you can track contact details from your contact form report.

You can also create email subscription form same like this.

<html>
<body>
<form method="POST" action="https://creator.zoho.com/api/<ownername>/<format>/<applicationName>/form/<formName>/record/add”">
<input type="hidden" name ="authtoken" value="<authtoken>">
<input type="hidden" name ="scope" id="scope" value="ZohoCreator">

<input type="email" name="Email" value="[email protected]">

<input type="submit" value="Add Record">
</form>
</body>
</html>