Auto-Submitting Surveys Using Javascript

There may be instances for certain events where you would like responders to register with one click from an email, rather than filling out and submitting a registration form manually.

This is possible in the Concep Send Surveys tool using the Javascript feature.

To do so, follow the steps below. 

Once you have setup a survey with Javascript, you can also copy this survey to replicate or save it as a survey template. This way, you don't need to manually create this workflow each time.

First, build your survey as usual. You will want to include any basic free text contact fields necessary for your registration report (ie; First Name, Last Name, Company, Email). Set all of the Free Text contact fields to auto-populate in the questions settings, so that they are populated and captured when the survey is clicked from an invitation and auto-submitted.

You can also set your fields to Hidden in the question settings if you would like - this is not necessary, but will prevent the responder from seeing the fields when the survey briefly flashes while auto-submitting.

Then create a multiple choice question for RSVP. You will only want to include one answer value per survey (ie; the Yes/Attending survey will have an RSVP question with only a Yes answer. Your No/Not Attending survey and/or Cancel survey will have one answer for No or Cancel. In the invitation email, you will end up with two different links/buttons - one linked to the Attending survey, and one to the Not Attending survey, so each response type can be captured with a single click. If you don't care about capturing the Not Attending's, you can just have one link and one survey for 'I am attending'). 

Copy down the Question ID of your multiple choice answer. We will be using this for the Javascript. to essentially auto-populate the multiple choice value with code.

Once you've noted down this ID, update/save your question. 

From the dropdown on Page 1 of your survey, click Javascript.

In the form that opens, insert the below string of code right under the existing two rows of text:

$('input[name="q_XXXXX_mc"]').prop("checked", true);

The only thing you will then need to change in the code, is updating the X placeholders to the question ID you copied previously. Ex;

Hit Update, and Save your survey.

If you view the survey in your browser, you will see that your multiple choice field is now auto-selecting.

You will now need to link your survey into an invitation email campaign, with appended code added to the link which makes it auto-submit the form when clicked.

Open up your email campaign and highlight the text/button you will be linking to the Yes/Attending survey:

Insert the link to your Survey by clicking to the Survey tab, choosing the related survey, and Create Link:

Your survey is now linked, but as a final step, you will need to append the link with special 'auto-submit' code. In the content block where you've inserted your link, click the HTML button:

You will see the URL in your HTML. 

Directly after the [hash] in the URL, and before the closing quotation mark, add ?submit=true so the completed URL looks like below:

Hit Update to save your code change.

Now, when you send this email campaign to your recipients (or yourself), the combination of the auto-populated survey fields, auto-selected multiple choice answer, plus the 'submit' code on the URL, will automatically submit and capture each RSVP with a single click.

You can repeat the same thing for the Not Attending/No RSVP, directing to it's own survey. If you are also capturing Cancellations, you can replicate the same process with a third survey that is auto-submitted.