0
(0)

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

Step 2: Create From scratch

Step 3: Give Application Name

Step 4: Create Contact Form

Step 5: View Contact form

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 Name Description
EMAIL_ID Specify your email address
scope Specify the value as ZohoCreator/creatorapi
PASSWORD Specify 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>

 

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

As you found this post useful...

Share this post on social media!

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?