Integrate With Qualtrics

Getting Started

If you're set on bulding your survey in Qualtrics but need stable media recording & analytics, we suggest integrating Phonic into your Qualtrics survey. This tutorial will walk you through exactly how to embed Phonic media recording widgets into Qualtrics.

First Things First

Sign into both your Qualtrics and Phonic accounts. If you don't have a Phonic account, go to Phonic and make one.

Create a Skeleton Survey in Phonic

Create a survey with as many audio questions as you need audio-recorders. In this case two audio questions have been added.

Find Your Survey ID and Question ID

Click Deploy. Now click on your new survey in the main dashboard. We'll start by embedding the first audio recording question into your Qualtrics survey. Click on the first question and take a look at your URL. The url of this example is as follows.

https://app.phonic.ai/surveys/5f5077858c576d48d11857d2/questions/5f5077964f942404412f03a6

Here 5f5077858c576d48d11857d2 is the survey ID and 5f5077964f942404412f03a6 is the question ID.

Over to Qualtrics

It's time to add the first microphone to qualtrics. Log into Qualtrics, and go to your survey. Go to Look and Feel --> General --> Header and click Source. Paste the following line of code into the editor.

<script type="text/javascript" src="https://api.phonic.ai/phonic-embed.min.js"></script>

Add the First Microphone

Go back to the main survey outline. In the description of the question you'd like to add your first microphone, enter the HTML editor. Find the place you'd like to add the microphone and paste the following. Note that here the surveyid and questionid should be changed to yours.

<phonic-mic
surveyid="YOUR-SURVEY-ID"
questionid="YOUR-QUESTION-ID"
responseid="${e://Field/ResponseID}">
</phonic-mic>

The result should appear as follows in Qualtrics.

Add Any Other Microphones

All that's left is to add the above code snippet to any other questions you need. Make sure to change the question ID to match your Phonic skeleton and test that everything works by submitting some test responses.

Customize Behaviour and Appearance

To further customize microphone behaviour and appearance, including changing the recording format, size, color and adding additional IDs, check out our full embedding guide.