Cart Licenses Contact Support Online Creator Log in/Register
v 1.9.51

Cancellation Survey


const options = { showLogicTab: true };            
                var creator = new SurveyCreator.SurveyCreator(options);
                        <SurveyCreator.SurveyCreatorComponent creator={creator} />
creator.JSON = {
    "title": "Cancellation Survey",
    "description": "Thank you for using our service. We would highly appreciate if you would take the time to fill our cancellation survey. This would help us improve the service.",
    "pages": [
            "name": "page1",
            "elements": [
                    "type": "radiogroup",
                    "name": "using_duration",
                    "title": "How long have you been using the service?",
                    "choices": ["Less than a month", "1-6 months", "7-12 months", "1-3 years", "Over 3 years"]
                }, {
                    "type": "radiogroup",
                    "name": "using_frequency",
                    "title": "How often did you use the service?",
                    "choices": ["Once a week", "2 or 3 times a month", "Once a month", "Less than once a month"]
                }, {
                    "type": "radiogroup",
                    "name": "cancel_reason",
                    "title": "What was the main reason for cancelling the service?",
                    "hasOther": true,
                    "choices": [
                        "No longer need it",
                        "It didn't meet my needs",
                        "Found a better alternative",
                        "Found a cheaper alternative",
                        "Quality was less than expected",
                        "Ease of use was less than expected",
                        "Access to the service was less than expected",
                        "Customer service was less than expected"
                }, {
                    "type": "radiogroup",
                    "name": "satisfaction",
                    "title": "Overall, how satisfied were you with the service?",
                    "choices": ["Very Satisfied", "Satisfied", "Neutral", "Unsatisfied", "Very Unsatisfied"]
                }, {
                    "type": "matrix",
                    "name": "future_using",
                    "titleLocation": "hidden",
                    "columns": [
                        "Definitely", "Probably", "Not Sure", "Probably Not", "Definitely Not"
                    "rows": [
                            "value": "use_in_future",
                            "text": "Will you use our service in the future?"
                        }, {
                            "value": "recommend",
                            "text": "Will you recommend our service to others?"
                }, {
                    "type": "comment",
                    "name": "service_improvements",
                    "title": "How can we improve our service?"
    "showQuestionNumbers": "off"
<!DOCTYPE html>
<html lang="en">
    <title>Cancellation Survey, Survey Creator Example</title>
<meta name="viewport" content="width=device-width" />
    <script src=""></script>
    <script src=""></script>
    <script src=""></script>
    <script src="/DevBuilds/survey-core/survey.core.min.js"></script>
    <script src="/DevBuilds/survey-core/survey.i18n.min.js"></script>
    <script src="/DevBuilds/survey-react-ui/survey-react-ui.min.js"></script>
    <link href="/DevBuilds/survey-core/defaultV2.min.css" type="text/css" rel="stylesheet" />
    <script src="" type="text/javascript" charset="utf-8"></script>
    <script src="" type="text/javascript" charset="utf-8"></script>
    <!-- Uncomment to enable Select2
    <script src=""></script>
    <link href="" rel="stylesheet" />
    <script src=""></script>
        <script src="/DevBuilds/survey-creator-core/survey-creator-core.min.js"></script>
        <link href="/DevBuilds/survey-creator-core/survey-creator-core.min.css" type="text/css" rel="stylesheet" />
        <script src="/DevBuilds/survey-creator-core/survey-creator-core.i18n.min.js"></script>
        <script src="/DevBuilds/survey-creator-react/survey-creator-react.min.js"></script>
            :root {
                --tab-min-height: 600px;
    <link rel="stylesheet" href="./index.css">

<body style="margin: 0">
<div id="surveyContainer">
            <div id="creatorElement" style="height: 100vh;"></div>

<script type="text/babel" src="./index.js"></script>