Share via

MS Forms: embedding a form into a web page

Anonymous
2020-09-10T17:25:44+00:00

I created a web page and embedded a form using the following code:

<iframe width="480px" height= "250px" src= "https://forms.office.com/Pages/ResponsePage.aspx?id=-40iOkfGy0SINXsgYX_JBjNn_CDkQb9DihTJ2w8VUaNUMDNDUFE1Tks4UlAxWjMzMUxOU0hEOUJWVi4u&embed=true" frameborder= "0" marginwidth= "0" marginheight= "0" style= "border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>

But, it displays the following instead. Is there a way to display the form on the page. Please help

Microsoft 365 and Office | Microsoft Forms | For home

Locked Question. This question was migrated from the Microsoft Support Community. You can vote on whether it's helpful, but you can't add comments or replies or follow the question.

0 comments

17 answers

Sort by: Most helpful
Most helpful Newest Oldest
  1. Anonymous
    2020-09-10T19:42:13+00:00

    Hi Steve4life,

    Thank you for reaching out to us. I am Thuy, an Independent Advisor and Microsoft user like you.

    For this task, you can copy the embeded script and literally paste into your html file to have form shown on your webpage. Please refer to the link below for how to embed a form in a webpage and a screenshot as illustration.

    https://support.microsoft.com/en-us/office/send....

    Hope this helps!

    Regards

    7 people found this answer helpful.
    0 comments
  2. Anonymous
    2020-09-10T20:04:16+00:00

    Thanks for the reply, Thuy. As you explained in your reply, I did exactly that, and it still shows the green image with "fill out the form." See the html:

    <!DOCTYPE html>

    <html>

    <head>

    <title>Page Title</title>

    </head>

    <body>

    <iframe width="480px" height= "250px" src= "https://forms.office.com/Pages/ResponsePage.aspx?id=-40iOkfGy0SINXsgYX_JBjNn_CDkQb9DihTJ2w8VUaNUMDNDUFE1Tks4UlAxWjMzMUxOU0hEOUJWVi4u&embed=true" frameborder= "0" marginwidth= "0" marginheight= "0" style= "border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>

    </body>

    </html>

    1 person found this answer helpful.
    0 comments
  3. Anonymous
    2020-09-10T20:20:50+00:00

    Hi Steve4life,

    I checked it and there is nothing wrong with the html file. The root cause stems from the url of your form. When I opened the url, I also saw what you showed in the first comment. You can check the bahavior of the form by just taking the form link and open it in browser to see how it displays.

    Regards

    2 people found this answer helpful.
    0 comments
  4. Anonymous
    2020-12-07T02:46:54+00:00

    I created a web page and embedded a form using the following code:

    <iframe width="480px" height= "250px" src= "https://forms.office.com/Pages/ResponsePage.aspx?id=-40iOkfGy0SINXsgYX_JBjNn_CDkQb9DihTJ2w8VUaNUMDNDUFE1Tks4UlAxWjMzMUxOU0hEOUJWVi4u&embed=true" frameborder= "0" marginwidth= "0" marginheight= "0" style= "border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>

    But, it displays the following instead. Is there a way to display the form on the page. Please help

    1 person found this answer helpful.
    0 comments
  5. Anonymous
    2020-12-07T02:47:26+00:00

    I created a web page and embedded a form using the following code:

    <iframe width="480px" height= "250px" src= "https://forms.office.com/Pages/ResponsePage.aspx?id=-40iOkfGy0SINXsgYX_JBjNn_CDkQb9DihTJ2w8VUaNUMDNDUFE1Tks4UlAxWjMzMUxOU0hEOUJWVi4u&embed=true" frameborder= "0" marginwidth= "0" marginheight= "0" style= "border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>

    But, it displays the following instead. Is there a way to display the form on the page. Please help

    0 comments