Welcome to Portal

?Unknown\pull-down

Welcome to Zoho Cares

Bienvenido a Soporte de Zoho

Search our knowledge base, ask the community or submit a request.

Custom Script using JavaScript

JavaScript is a powerful and widely-adopted programming language that excels in client-side scripting within web browsers. It allows developers to create dynamic and interactive web applications. In Zoho Survey, you can leverage JavaScript for implementing conditions and piping within various modules, enhancing the customization and functionality of your surveys. This capability enables you to tailor the user experience based on responses, making your surveys more engaging and effective.

JavaScript for Conditions 

How to add JavaScript for Question Display logic: 

To add a custom script in question:

  1. Go to Builder>Editor and add the question type you'd like to use on the Survey Builder page using drag and drop or clicking on it in the left pane.

  2. Click on the Insert Variable dropdown in the top-right corner and choose JavaScript Snippet.

  1. Enter the code. Click insert variable(inside one) to use built-in functions in your code.

  2. Click Test with sample data.

  3. Click the Run button and check your result.

  4. Click the Save button.

How to add a JavaScript for Answer display logic : 

To add a custom script for answer display logic:

  1. Go to Builder>Editor and add the question type you'd like to use on the Survey Builder page by drag and drop or clicking on it in the left pane.

  2. Navigate to Answer Display Logic and click Add Logic.

  1. Click If and select the JavaScript snippet.

  2. Add the custom script required to run the required logic. You can also test run the code to ensure the logic works.

  1. Click UPDATE and SAVE the code.

 How to add a JavaScript for Page Skip logic : 

To add a custom script for Page Skip Logic:

  1. Go to Builder>Editor and click the Logic icon at the top-right corner of the page. Select Page Skip Logic.

  1. In the new window, click Add Condition. Click If and select JavaScript Snippet.

  1. Add the required custom script. You can also test run the code to ensure the logic works.

  2. In the Default Flow, select the page to skip when the custom script logic works.

 How to add a JavaScript for Trigger Email: 

To add a custom script for Trigger Email:

  1. Go to Builder>Hub>Triggers and click the CREATE Trigger Emails.

  1. Click the ADD CONDITON button at the top-right corner.

  1. Click If and select JavaScript Snippet.

  1. Add the required custom script. You can also test run the code to ensure the logic works.

  2. Add your sender email address andany  other necessary fields to the email settings for sending the email when the custom script condition returns True.

 How to add a JavaScript for the Survey End Page logic: 

To add a custom script for Survey End page logic:

  1. Go to Builder>Settings>Survey End page and click Add Logic.

  2. Click If and select Javascript snippet from the dropdown.

  1. Add the required custom script. You can also test run the code to ensure the logic works.

  2. In the Default Flow, select the page to skip when the custom script logic works.

  1. Click SAVE at the bottom of the page to confirm the changes.

 JavaScript for Piping 

 1.  Survey End Page  

JavaScript can be used for piping in 2 places, namely in the Custom message and in Re-direct to a new page when it comes to the Survey End Page customization.

    1. Custom Message

To add a custom script for a custom message in the Survey End page:

  1. Go to Builder>Settings>Survey End Page and click Add Logic.

  1. Click If, scroll down, and select Javascript Snippet.

  1. Add the custom script required for piping and test run the code to ensure it works.

  2. Choose the desired action when the piping works under the then section.

  3. Click SAVE.

    1. Re-direct to a New Page

To add a custom script to redirect to a new page in the Survey End page:

  1. Go to Builder>Settings>Survey End Page and scroll down to the Default end page section. Choose the Redirect to a new page option.

  1. Click the Insert Variable icon, scroll down, and select Javascript Snippet.

  1. Add the custom script required for piping, then test run the code to ensure it works. If it works, click SAVE.  

  2. Add the piping parameter to the URL to which the survey should redirect, then click SAVE.

 2. Survey Disqualification page 

    1. Custom Message

For adding a custom script for a Custom Message in the Survey Disqualification Page, follow the steps below:

  1. Go to Builder>Settings>Survey Disqualification Page and choose the Custom Message option.

  1. Click Insert Variable, scroll down, and choose Javascript Snippet.

  1. Add the custom script required for piping in the window that opens, then test run the code to ensure it works. Then click SAVE.

    1. Re-direct to a New Page

To add a custom script to redirect to a new page in the Survey Disqualification page:

  1. Go to Builder>Settings>Survey Disqualification Page and select the Redirect to a new page option.

  1. Click the Insert Variable icon, scroll down, and select Javascript Snippet.

  1. In the window that opens, add the custom script required for piping and test run the code to ensure it works. If it works, click SAVE.  

  2. Add the piping parameter to the URL to which the survey should redirect, then click SAVE.

 

 Javascript for Integrations

 How to add JavaScript for Webhook: 

Follow the steps below for adding a JavaScript script for Webhook integrations:
  1. Navigate to Builder > Hub > Triggers and click the CREATE button for Webhook.

  2. Provide a name for the Webhook and add the POST URL.

  3. Enter a name in the Request Body for the key.
  4. Add the value subsequently by scrolling down and selecting Javascript from the custom script options

  5. Add the custom script required to run the required logic. You can also test run the code to ensure the logic works.
  6. Add the query parameter also using a custom script if required.
  7. Add the Header details and click SAVE.
 

How to add JavaScript for Power BI: 

  1. Follow the steps below for adding a JavaScript for Power BI integrations:

  2. Navigate to Builder > Hub > Integrations and click the CREATE button for Power BI.

  3. Provide a name for the Power BI and add the POST URL.

  4. In the Request Body, enter a name for the key. Subsequently, scroll down and select Javascript from the custom script options.
  5. Add the custom script required to run the required logic. You can also test run the code to ensure the logic works.
  6. Click SAVE.
 

 How to add JavaScript for Zoho CRM: 

  1. Navigate to Builder > Hub > Integrations and click the INTEGRATE button in Zoho CRM

  2. Select the environment you wish to pass the responses, then click NEXT.

  3. Select the CRM modules from which values should be passed to Zoho survey using the dropdown button.

  4. Select the type of action that needs to be performed. Under the value to be passed on, scroll down and select Javascript from the custom script options.

  5. Add the custom script required to run the required logic. You can also test run the code to ensure the logic works.
  6. Click SAVE.

How to add JavaScript for Zoho Recruit: 

  1. Navigate to Builder > Hub > Integrations and click the INTEGRATE button on Zoho Recruit.

  2.  Select the MODULES you wish to pass the responses, then click NEXT.

  3. Select the type of action that needs to be performed. Under the value to be passed on, scroll down and select Javascript from the custom script options.

  4. Add the custom script required to run the required logic. You can also test run the code to ensure the logic works.
  5. Click SAVE.
   

How to add JavaScript for Google Sheets 

  1. Navigate to Builder > Hub > Integrations and click the INTEGRATE button on Google Sheets.

  2. Select the spreadsheet and questions that need to be integrated and click NEXT.

  3. In the Google Sheet integration page, click the + button.

  4. Under select question, scroll down and select Javascript from the custom script options.

  5. Add the custom script required to run the required logic. You can also test run the code to ensure the logic works.

  6. Finally, click SAVE.

How to add JavaScript for Zoho Sheets 

  1. Navigate to Builder > Hub > Integrations and click the INTEGRATE button In Zoho Sheets.

  2. Select the spreadsheet and questions that need to be integrated and click NEXT.

  3. In the Zoho Sheet integration page, click the + button. You may need to scroll down, depending on the number of questions.

  4. Under Select question, scroll down and select Javascript from the custom script options.

  5. Add the custom script required to run the required logic. You can also test run the code to ensure the logic works.

  6. Click SAVE.

Points To Note 

The following keywords are restricted to be saved in JavaScript :

 

console

window

alert

this

self

new

class

await

worker

debugger

async

import

export

try

catch

throw

finally

resolve

reject

super

extends

pause

play

then

remove

object

function

promise

globalThis

image

xmlhttprequest

xmldocument

geolocation

formdata

file

event

websocket

urlpattern

formdata

document

sessionstorage

localstorage

cookie

clearinterval

usb

cleartimeout

postmessage

prompt

setintervals

settimeout

cache

bluetooth

payment

otp

database

global_object

eval

arguements

global-fucn

canvas

strict

audio

navigation

navigator

 

  • While using script conditions in URL Parameter, you must enter  the param value inside square brackets []. For example, application. survey.urlparam ["userName"] in JavaScript, because special characters are not allowed in the JSON key in dot notation.

  • To avoid syntax errors, javascript code should contain javascript syntax, and it should always end either with a semicolon or be properly wrapped inside curly braces.

 Sample Reference 

A sample reference Java script snippet code to achieve a simple arithmetic  operation :

The given code combines arithmetic operations and conditional statements to make decisions based on the values of certain variables or expressions.

 

var rating = application.survey.question.C.response +           application.survey.question.D.response;

if (application.survey.question.A.response == "Single"

application.survey.question.B.response == 2)

{

    return true;

}

else if (rating > 10)

{

    return true;



Helpful?00
Updated: 17 days ago
Share :