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

How Do I Embed a Full Survey?

Phonic surveys can be easily embedded in an existing web page as full surveys, popovers or side drawers.

Embedding your Phonic survey in a web page is easy! Click on your published survey and then go to the "Share" tab. Under "Embed" there are a few different survey embed options.

Option 1: Embedding a Full Survey Inline

Click on "Inline". The window will expand to reveal the embedding code. To the right, you will see how the survey will appear when embedded.

Screen Shot 2021-10-26 at 10.46.34 AM

Alternatively: Embedding a Full Survey with <iframe>

A Phonic survey can also be embedded in an existing web page using <iframe> tags.

<iframe src="https://survey.phonic.ai/my-survey-id" allow="camera; microphone"
style="width: 100%; height: 300px"></iframe>

In the above code, replace https://survey.phonic.ai/my-survey-id with the link to your survey.

Option 2: Embed a Popover

Click on "Popover". The window will expand to reveal the embedding code. To the right, you will see a preview of the popover survey widget. The launcher button colour can be customized under the "Share" tab.

Screen Shot 2021-10-26 at 10.58.12 AM

Option 3: Embed a Side Drawer

Click on "Side Drawer". The window will expand to reveal the embedding code. To the right, you will see a preview of the side drawer survey. The launcher button colour can be customized under the "Share" tab.

Screen Shot 2021-10-26 at 11.00.29 AM