Step 1: Create a Creator App 

1. Log in to the Creator App.
   
2. Choose Solutions from the left menu and click Create Solution.
   
   
   
   
3. Click Select for Applications.
   
   
   
   
4. Select Create for Create from scratch.
   
   
   
   
5. Enter an Application Name and click Create Application.
   
   
   
   
6. Click Create new form.
   
   
   
   
7. In the Create Form page, click From scratch.
   
   
   
   
8. Enter a form name and click Create Form.
   
   
   
   
9. Add the following fields and click Done.
   

         

 

Step 2: Create a Connection for the Creator App  

1. Click the Creator icon in the top left corner.
   
   
   
   
2. Click Microservices and click Create New.
   
   
   
   
3. Click Pick & Create for Connections.
   
   
   
   
4. Click Zoho in the left menu.
   
   
   
   
5. Search for Zoho OAuth and click it.
   
   
   
   
6. In the Zoho OAuth - Add connection dialog, do the following:
   
1. Enter a Connection Name
   
2. Select FSM from the list of applications
   
3. Select all the scopes.
   
4. Click Create And Authorize.
   
   
   
   
7. In the <Connection Name> - Link Account dialog, do the following:
   
1. Enter a Name of Authorization Account
   
2. Select Production for Use Authorization for following Environments
   
3. Click Authorize.
   
   
   
   
8. Click Accept in the authorization page.
   

Step 3: Enable Connection access for the Creator App 

1. Toggle the connection access to ON.
   In the custom function, where FSM APIs are used via the invokeURL task, use the Link Name of the connection.

Step 4: Create a Workflow for the Creator App 

1. Navigate to your Creator form and click Edit this application.
   
   
   
   
2. Click Workflow.
   
   
   
   
3. Click Create Workflow.
   
   
   
   
4. Enter the following details and click Create Workflow.
   
1. Run when a record is: Created
   
2. When to trigger workflow: Successful form submission
   
3. Name the workflow: FSM Request Creation
   
   
   

To add an action (Function):

1. Click Add New Action.
   
   
   
   
2. In the Add New Action overlay, click Deluge Script.
   
   
   
   
3. In the Deluge Script Editor, add the below script for creating a request and click Save.
   In the script, ensure that the parameter names (e.g. input.Summary) are the same as the Field link name of the fields.

To view the Field link name:

1. Click Edit this application.
   
   
   
   
2. Click Open Form Builder.
   
   
   
   
3. Select the field whose link name you want to view.
   
   
   

Step 5: Publish the Creator App

1. Under Operations, click Publish.
   
   
   
   
2. Click Publish Component.
   
   
   
   
3. In the Publish Component popup, select the following values and click Publish.
   
1. Application: FSM - Create Request
   
2. Component: Request Details (Form)
   
   
   

You need to use the Embed Code to add this form to your website.

Step 6: Create a website using Zoho sites

1. Log in to Zoho Sites.
   
2. Click Create New Website.
   
3. Enter a website name, pick your website's category, and click Choose Theme.
   
   
   
   
4. Choose a template you want to use and click Customize.
   
   
   
   
5. Choose the Color, Font, Header, and Banner of your liking and click Finish.
   
   
   
   
6. Click the area in the website where you want to place the request form and click Add Element.
   
   
   
   
7. Select Embed Iframe from Elements > Others.
   
   
   
   
8. In the Embed code dialog, paste the iframe code generated in the previous step and click Ok.
   
   
   
   The request form will be embedded in your website.
9. Save the changes and click Publish.
   
   
   
   
10. Provide your domain details and click Publish.
    You can either choose a free subdomain of zohosites.com, or use a domain you already own.
     

Testing the usecase