1. Docs
  2. Widget Integrations
  3. Integrate with Widget Builder

How Do I Embed An Audio Question?

You can easily integrate an audio question into a webpage using Phonic's widget builder.

Audio questions can be easily embedded on any webpage that allows custom HTML and JavaScript. After building a survey, start by accessing the code builder in that Survey's "Share" tab. Here you can choose to embed the full survey or a specific question. In the "Embed a Question" tab you can choose the question that you would like to embed from the dropdown.

Screen Shot 2022-04-01 at 9.20.25 AM

Once you have selected the question, customization settings, a preview of the audio recorder widget, and the embed code will appear.

Screen Shot 2022-04-01 at 9.20.55 AM

If you're satisfied with our default settings, then you can click "Copy Embed Code" and paste the code into your website. It's as easy as that!

Screen Shot 2022-04-01 at 9.23.11 AM

Customizing Style

The style of the widget can be customized by changing the shape, size, and colours.

Screen Shot 2022-04-01 at 9.21.26 AM

Customizing Behaviour

The audio widget has a few different behaviours that can be enabled or disabled. You can modify the behaviour by using the toggles to the right.

Screen Shot 2022-04-01 at 9.21.46 AM

If you're integrating the widget with another survey platform (e.g., Qualtrics), then you can set the platform accordingly. This will make the question mandatory within the platform. If you do not want the question to be mandatory, then leave this setting blank.


Screen Shot 2022-04-01 at 9.22.06 AM

Customizing Labels

The default labels can be changed, to support a new language for example.Screen Shot 2022-04-01 at 9.22.24 AM