Survey

{
  "children": [
    {
      "component": "main",
      "context": {
        "children": [
          {
            "component": "section",
            "context": {
              "modifier": "_centered pb0",
              "children": [
                {
                  "component": "row",
                  "context": {
                    "children": [
                      {
                        "component": "column",
                        "context": {
                          "span": 12,
                          "children": [
                            {
                              "component": "card",
                              "context": {
                                "modifier": "bg--primary-dark _layered _leaf _contentcentered py700 px600 mw-50p-l mr-auto",
                                "children": [
                                  {
                                    "component": "heading",
                                    "context": {
                                      "modifier": "c--text-inverse",
                                      "level": 1,
                                      "text": "Sprout Social Survey"
                                    }
                                  },
                                  {
                                    "component": "button",
                                    "context": {
                                      "modifier": "_large _light js-smoothscroll",
                                      "href": "#survey",
                                      "text": "Start"
                                    }
                                  }
                                ]
                              }
                            }
                          ]
                        }
                      }
                    ]
                  }
                },
                {
                  "component": "row",
                  "context": {
                    "modifier": "mt-1000-l",
                    "children": [
                      {
                        "component": "column",
                        "context": {
                          "span": 6,
                          "modifier": "dn db-l ml-auto responsiveimage-wrapper",
                          "children": [
                            {
                              "component": "image",
                              "context": {
                                "alt": "Sprout Social Survey",
                                "clearMobileMargin": true,
                                "modifier": "responsiveimage _left _mobile-full",
                                "src": "//media.sproutsocial.com/uploads/sprout_social-32.jpg"
                              }
                            }
                          ]
                        }
                      }
                    ]
                  }
                }
              ]
            }
          },
          {
            "component": "section",
            "context": {
              "id": "survey",
              "modifier": "_centered",
              "children": [
                {
                  "component": "form",
                  "context": {
                    "action": "http://cl.exct.net/DEManager.aspx",
                    "method": "post",
                    "children": [
                      {
                        "component": "ol",
                        "context": {
                          "modifier": "Survey pl0",
                          "children": [
                            {
                              "component": "question",
                              "context": {
                                "number": "01",
                                "children": [
                                  {
                                    "component": "fieldset",
                                    "context": {
                                      "labeledby": "ratingLegend",
                                      "children": [
                                        {
                                          "component": "legend",
                                          "context": {
                                            "id": "ratingLegend",
                                            "children": [
                                              {
                                                "component": "lead",
                                                "context": {
                                                  "modifier": "_large",
                                                  "text": "How would you rate your experience with Sprout so far?"
                                                }
                                              }
                                            ]
                                          }
                                        },
                                        {
                                          "component": "row",
                                          "context": {
                                            "modifier": "_spread",
                                            "style": "margin-top: 1.5rem",
                                            "children": [
                                              {
                                                "component": "rating",
                                                "context": {
                                                  "name": "RateExperience",
                                                  "value": 1,
                                                  "label": 1
                                                }
                                              },
                                              {
                                                "component": "rating",
                                                "context": {
                                                  "name": "RateExperience",
                                                  "value": 2,
                                                  "label": 2
                                                }
                                              },
                                              {
                                                "component": "rating",
                                                "context": {
                                                  "name": "RateExperience",
                                                  "value": 3,
                                                  "label": 3
                                                }
                                              },
                                              {
                                                "component": "rating",
                                                "context": {
                                                  "name": "RateExperience",
                                                  "value": 4,
                                                  "label": 4
                                                }
                                              },
                                              {
                                                "component": "rating",
                                                "context": {
                                                  "name": "RateExperience",
                                                  "value": 5,
                                                  "label": 5
                                                }
                                              },
                                              {
                                                "component": "rating",
                                                "context": {
                                                  "name": "RateExperience",
                                                  "value": 6,
                                                  "label": 6
                                                }
                                              },
                                              {
                                                "component": "rating",
                                                "context": {
                                                  "name": "RateExperience",
                                                  "value": 7,
                                                  "label": 7
                                                }
                                              },
                                              {
                                                "component": "rating",
                                                "context": {
                                                  "name": "RateExperience",
                                                  "value": 8,
                                                  "label": 8
                                                }
                                              },
                                              {
                                                "component": "rating",
                                                "context": {
                                                  "name": "RateExperience",
                                                  "value": 9,
                                                  "label": 9
                                                }
                                              },
                                              {
                                                "component": "rating",
                                                "context": {
                                                  "name": "RateExperience",
                                                  "value": 10,
                                                  "label": 10
                                                }
                                              }
                                            ]
                                          }
                                        }
                                      ]
                                    }
                                  }
                                ]
                              }
                            },
                            {
                              "component": "question",
                              "context": {
                                "number": "02",
                                "children": [
                                  {
                                    "component": "label",
                                    "context": {
                                      "children": [
                                        {
                                          "component": "lead",
                                          "context": {
                                            "modifier": "_large",
                                            "text": "Why did you choose Sprout?"
                                          }
                                        },
                                        {
                                          "component": "textarea",
                                          "context": {
                                            "style": "margin-top: 2rem",
                                            "resize": "vertical",
                                            "rows": 7,
                                            "name": "WhySprout",
                                            "placeholder": "Explain why you chose Sprout."
                                          }
                                        }
                                      ]
                                    }
                                  }
                                ]
                              }
                            },
                            {
                              "component": "question",
                              "context": {
                                "number": "03",
                                "children": [
                                  {
                                    "component": "fieldset",
                                    "context": {
                                      "labeledby": "decisionLegend",
                                      "children": [
                                        {
                                          "component": "legend",
                                          "context": {
                                            "id": "decisionLegend",
                                            "children": [
                                              {
                                                "component": "lead",
                                                "context": {
                                                  "modifier": "_large",
                                                  "text": "Which of the following was most important to your decision?"
                                                }
                                              }
                                            ]
                                          }
                                        },
                                        {
                                          "component": "row",
                                          "context": {
                                            "modifier": "mt600",
                                            "children": [
                                              {
                                                "component": "column",
                                                "context": {
                                                  "span": 4,
                                                  "modifier": "Checkboxes _centered",
                                                  "children": [
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "ContributingFactors",
                                                        "labeltext": "Features",
                                                        "value": "features"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "ContributingFactors",
                                                        "labeltext": "Ease of Setup",
                                                        "value": "setup"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "ContributingFactors",
                                                        "labeltext": "Ease of Use",
                                                        "value": "use"
                                                      }
                                                    }
                                                  ]
                                                }
                                              },
                                              {
                                                "component": "column",
                                                "context": {
                                                  "span": 4,
                                                  "modifier": "Checkboxes _centered",
                                                  "children": [
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "ContributingFactors",
                                                        "labeltext": "Customer Service",
                                                        "value": "customerService"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "ContributingFactors",
                                                        "labeltext": "Reputation",
                                                        "value": "reputation"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "ContributingFactors",
                                                        "labeltext": "Price",
                                                        "value": "price"
                                                      }
                                                    }
                                                  ]
                                                }
                                              }
                                            ]
                                          }
                                        }
                                      ]
                                    }
                                  }
                                ]
                              }
                            },
                            {
                              "component": "question",
                              "context": {
                                "number": "04",
                                "children": [
                                  {
                                    "component": "label",
                                    "context": {
                                      "children": [
                                        {
                                          "component": "lead",
                                          "context": {
                                            "modifier": "_large",
                                            "text": "Were you considering any other tools? Which ones?"
                                          }
                                        },
                                        {
                                          "component": "textarea",
                                          "context": {
                                            "modifier": "mt600",
                                            "resize": "vertical",
                                            "rows": 7,
                                            "name": "OtherTools",
                                            "placeholder": "List any tools you were considering."
                                          }
                                        }
                                      ]
                                    }
                                  }
                                ]
                              }
                            },
                            {
                              "component": "question",
                              "context": {
                                "number": "05",
                                "children": [
                                  {
                                    "component": "fieldset",
                                    "context": {
                                      "children": [
                                        {
                                          "component": "legend",
                                          "context": {
                                            "children": [
                                              {
                                                "component": "lead",
                                                "context": {
                                                  "modifier": "_large",
                                                  "text": "Please rank each social metric/KPI in order of importance."
                                                }
                                              }
                                            ]
                                          }
                                        },
                                        {
                                          "component": "p",
                                          "context": {
                                            "text": "Drag the following elements and place them in order of importance to you."
                                          }
                                        },
                                        {
                                          "component": "fineprint",
                                          "context": {
                                            "modifier": "spacedout",
                                            "text": "Top Choice"
                                          }
                                        },
                                        {
                                          "component": "sortable",
                                          "context": {
                                            "name": "KPIs",
                                            "items": [
                                              {
                                                "text": "Brand Awareness",
                                                "value": "BrandAwareness"
                                              },
                                              {
                                                "text": "Website Traffic",
                                                "value": "Traffic"
                                              },
                                              {
                                                "text": "Quality Leads",
                                                "value": "Leads"
                                              },
                                              {
                                                "text": "Customer Care",
                                                "value": "CustomerCare"
                                              },
                                              {
                                                "text": "Retention",
                                                "value": "Retention"
                                              },
                                              {
                                                "text": "Efficiency & Time Savings",
                                                "value": "Efficiency"
                                              },
                                              {
                                                "text": "Track & Optimize Growth",
                                                "value": "Growth"
                                              }
                                            ]
                                          }
                                        }
                                      ]
                                    }
                                  }
                                ]
                              }
                            },
                            {
                              "component": "question",
                              "context": {
                                "number": "06",
                                "children": [
                                  {
                                    "component": "fieldset",
                                    "context": {
                                      "labeledby": "decisionLegend",
                                      "children": [
                                        {
                                          "component": "legend",
                                          "context": {
                                            "id": "decisionLegend",
                                            "children": [
                                              {
                                                "component": "lead",
                                                "context": {
                                                  "modifier": "_large",
                                                  "text": "Which departments will use Sprout?"
                                                }
                                              }
                                            ]
                                          }
                                        },
                                        {
                                          "component": "row",
                                          "context": {
                                            "modifier": "mt600",
                                            "children": [
                                              {
                                                "component": "column",
                                                "context": {
                                                  "span": 4,
                                                  "modifier": "Checkboxes _centered",
                                                  "children": [
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Departments",
                                                        "labeltext": "Marketing",
                                                        "value": "Marketing"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Departments",
                                                        "labeltext": "HR/Recruiting",
                                                        "value": "HR-Recruiting"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Departments",
                                                        "labeltext": "Sales",
                                                        "value": "Sales"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Departments",
                                                        "labeltext": "Product",
                                                        "value": "Product"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Departments",
                                                        "labeltext": "Agency",
                                                        "value": "Agency"
                                                      }
                                                    }
                                                  ]
                                                }
                                              },
                                              {
                                                "component": "column",
                                                "context": {
                                                  "span": 4,
                                                  "modifier": "Checkboxes _centered",
                                                  "children": [
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Departments",
                                                        "labeltext": "Public Relations",
                                                        "value": "PublicRelations"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Departments",
                                                        "labeltext": "Customer Service",
                                                        "value": "CustomerService"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Departments",
                                                        "labeltext": "Editorial",
                                                        "value": "Editorial"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Departments",
                                                        "labeltext": "R&D",
                                                        "value": "R-D"
                                                      }
                                                    }
                                                  ]
                                                }
                                              }
                                            ]
                                          }
                                        }
                                      ]
                                    }
                                  }
                                ]
                              }
                            },
                            {
                              "component": "question",
                              "context": {
                                "number": "07",
                                "children": [
                                  {
                                    "component": "fieldset",
                                    "context": {
                                      "labeledby": "decisionLegend",
                                      "children": [
                                        {
                                          "component": "legend",
                                          "context": {
                                            "id": "decisionLegend",
                                            "children": [
                                              {
                                                "component": "lead",
                                                "context": {
                                                  "modifier": "_large",
                                                  "text": "Which social networks are most important to you?"
                                                }
                                              }
                                            ]
                                          }
                                        },
                                        {
                                          "component": "row",
                                          "context": {
                                            "modifier": "mt600",
                                            "children": [
                                              {
                                                "component": "column",
                                                "context": {
                                                  "span": 4,
                                                  "modifier": "Checkboxes _centered",
                                                  "children": [
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Networks",
                                                        "labeltext": "Twitter",
                                                        "value": "Twitter"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Networks",
                                                        "labeltext": "Instagram",
                                                        "value": "Instagram"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Networks",
                                                        "labeltext": "Google+",
                                                        "value": "GooglePlus"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Networks",
                                                        "labeltext": "YouTube",
                                                        "value": "YouTube"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Networks",
                                                        "labeltext": "Not Listed",
                                                        "value": "Not Listed"
                                                      }
                                                    }
                                                  ]
                                                }
                                              },
                                              {
                                                "component": "column",
                                                "context": {
                                                  "span": 4,
                                                  "modifier": "Checkboxes _centered",
                                                  "children": [
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Networks",
                                                        "labeltext": "Facebook",
                                                        "value": "Facebook"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Networks",
                                                        "labeltext": "LinkedIn",
                                                        "value": "LinkedIn"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Networks",
                                                        "labeltext": "Pinterest",
                                                        "value": "Pinterest"
                                                      }
                                                    },
                                                    {
                                                      "component": "checkbox",
                                                      "context": {
                                                        "name": "Networks",
                                                        "labeltext": "Snapchat",
                                                        "value": "Snapchat"
                                                      }
                                                    }
                                                  ]
                                                }
                                              }
                                            ]
                                          }
                                        }
                                      ]
                                    }
                                  }
                                ]
                              }
                            },
                            {
                              "component": "question",
                              "context": {
                                "modifier": "_no-line",
                                "number": "08",
                                "children": [
                                  {
                                    "component": "label",
                                    "context": {
                                      "children": [
                                        {
                                          "component": "lead",
                                          "context": {
                                            "modifier": "_large",
                                            "text": "What else can Sprout do to make you more successful?"
                                          }
                                        },
                                        {
                                          "component": "textarea",
                                          "context": {
                                            "modifier": "mt600",
                                            "resize": "vertical",
                                            "rows": 7,
                                            "name": "More",
                                            "placeholder": "Describe what Sprout can do to make you more successful."
                                          }
                                        }
                                      ]
                                    }
                                  }
                                ]
                              }
                            }
                          ]
                        }
                      },
                      {
                        "component": "row",
                        "context": {
                          "modifier": "ma-auto",
                          "children": [
                            {
                              "component": "column",
                              "context": {
                                "span": 12,
                                "children": [
                                  {
                                    "component": "html",
                                    "context": {
                                      "content": "\n                                                                                <input type=\"hidden\" name=\"_clientID\" value=\"7225729\" />\n                                                                                <input type=\"hidden\" name=\"_deExternalKey\" value=\"Customer_Onboarding_Survey\" />\n                                                                                <input type=\"hidden\" name=\"_action\" value=\"add\" />\n                                                                                <input type=\"hidden\" name=\"_returnXML\" value=\"0\" />\n                                                                                <input type=\"hidden\" name=\"_successURL\" value=\"http://cloud.email.sproutsocial.com/customerthankyou\" />\n                                                                                <input type=\"hidden\" name=\"_errorURL\" value=\"http://pub.s7.exacttarget.com/ngjqzcka3xz\" />\n                                                                                <input type=\"hidden\" name=\"EmailAddress\" value=\"%%emailaddr%%\" />\n                                                                                <input type=\"hidden\" name=\"SubscriberKey\" value=\"%%_subscriberkey%%\" />"
                                    }
                                  },
                                  {
                                    "component": "button",
                                    "context": {
                                      "type": "submit",
                                      "modifier": "_large _submit",
                                      "text": "Submit"
                                    }
                                  }
                                ]
                              }
                            }
                          ]
                        }
                      }
                    ]
                  }
                }
              ]
            }
          }
        ]
      }
    }
  ]
}