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

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>


Tell Us What You Think

Help us serve you better by taking this brief survey.
We are interested to learn more about your
experience of using our libraries.

We'd really appreciate your feedback.

Start the Survey

Approximate time to complete: 2 min.