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 , 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.