Qualtrics
Step-by-step instructions on how to seamlessly integrate Voiceform questions into a Qualtrics survey for enhanced media recording and AI capabilities.
How to Add Voiceform Questions in Qualtrics
If you want to use Qualtrics for your survey but need advanced media recording and AI capabilities, you can integrate Voiceform into your Qualtrics survey. This guide will show you how to embed Voiceform single-question widgets into Qualtrics.
Step 1: Log In
Log in to your accounts on both Qualtrics and Voiceform. If you don’t have a Voiceform account yet, you can create one by visiting the Voiceform website.
Step 2: Create Your Survey in Voiceform
Create a survey in Voiceform and add as many questions as you like. For example, let’s add a voice response question: “Why do you like our product?” and enable AI Probing with the goal: “Find 2 main reasons why the respondent likes our product.” Once done, publish your survey.
Step 3: Embed Voiceform Library in Qualtrics
Open your Qualtrics survey and navigate to Look and Feel → General settings. Add the following code snippet into the Header textbox. This will integrate the VoiceformJS library into your Qualtrics survey.
<script src="https://cdn.voiceform.com/widgets/next/widgets.umd.js"></script>
Step 4: Add the Voiceform Question to Qualtrics
Now, let’s embed our Voiceform question into Qualtrics. Go to the Share tab in Voiceform and click on the "Single Question" widget option. Select the question you just created from the dropdown. Optionally, you can choose to hide the question or the "Next" button, but we'll leave them visible for now. Click on the "Get Code" button and copy only the part under <!-- Insert the Voiceform widget code within the <body> of your HTML document -->
, as we’ve already implemented the Voiceform library.
Go back to your Qualtrics survey and find the question where you want to insert the Voiceform question. Open the Qualtrics Rich Content Editor, click the Source icon (<>
), and paste the Voiceform snippet.
<vf-widget
data-question-id="YOUR_VOICEFORM_QUESTION_ID"
data-vf-hide-question="false"
data-vf-hide-next-button="false"
data-mode="single-question"
data-hash="YOUR_VOICEFORM_SURVEY_HASH"
/>
To map Voiceform answers to the Qualtrics ResponseID, add the following line to the Voiceform widget:
<vf-widget
data-question-id="YOUR_VOICEFORM_QUESTION_ID"
data-vf-hide-question="false"
data-vf-hide-next-button="false"
data-mode="single-question"
data-hash="YOUR_VOICEFORM_SURVEY_HASH"
data-response-id="${e://Field/ResponseID}"
/>
Save the question. That’s it! Your respondents should now be able to submit their answers within the Qualtrics survey.
Updated 4 months ago