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&EMAIL_ID=Zoho CREATOR Username or Email ID&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>