You may use SharePoint embed web part and use the following
<iframe height="<height_in_pixel>" width="<width_in_pixel>" src="https://customervoice.microsoft.com/Pages/ResponsePage.aspx?id=<survey_id>&embed=true&compact=<is_compact>&lang=<language_code>&ctx=<survey_variable_object>"></iframe>
where:
height_in_pixel: value in decimal for example: 500 or 600
width_in_pixel: value in decimal for example: 500 or 600
survey_id: Id of survey
is_compact: This is Boolean value, true or false.
- True: spacing among elements will be less as compared to normal mode, also the structure will be left aligned.
- False: it is normal mode where everything will be in standard size and layout.
language_code: code of language in which the survey need to be rendered. For example: it – Italian, hi – Hindi, en – English
survey_variable_object: Object of survey variable where information can be passed contextually. So, if customer has created the survey variables from Customer Voice, and used inside questions on designer page, so value of those variables can be controlled from this object at run time while rendering the response page.
Object: {"First Name":"first_test","Last Name":"last_test","locale":"locale_test", "test":"testing_new_variable"}
Note: Once the survey variable object values are filled, it need to be URL encoded before putting in Iframe structure. So instead of putting the Raw object in Iframe, user need to put the Encoded one.
Raw: {"First Name":"first_test","Last Name":"last_test","locale":"locale_test", "test":"testing_new_variable"}
Encoded: %7B%22First%20Name%22%3A%22first_test%22%2C%22Last%20Name%22%3A%22last_test%22%2C%22locale%22%3A%22locale_test%22%2C%20%22test%22%3A%22testing_new_variable%22%7D
For example:
<iframe height="640px" width="480px" src="">forms.office.com/.../ResponsePage.aspx
