Jotform can be used to create custom forms that can be embedded into Acadio activities to collect information from students.
IMPORTANT: When embedding an externally hosted form—such as Calendly, Wufoo, or Jotform—you’ll need to enable the Requires Completion Event setting on the activity. This ensures the activity is only marked complete once the form has been submitted.
When embedding a Jotform form, start by creating a new asset using code. This can be done from the platform’s Asset Library. Paste the Jotform embed code into the field, then add the script below immediately after the </iframe> tag in the embed code.
When the form is successfully submitted, Acadio will mark the activity as completed.
<script>
console.log('Acadio JOT Form Plugin Init')
window.addEventListener('message', function(event) {
console.log('message received', event.data.action);
if (event.data.action === 'submission-completed') {
// Handle the submission complete event for jotform
console.log('Form submission completed successfully.');
// mark activity complete in Acadio
window.parent.postMessage({
target: 'acadio',
complete: true
}, "*");
window.parent.scrollTo(0,0);
}
});
</script>