Embedded form in AMP page

  • perry_chu
    Asked on July 23, 2019 at 4:54 AM

    Hi Jotform Team,


    I am trying to embed the form in my AMP page, but there are two problems caused.


    1) Cant not submit the form

    2) The form design is very strange. Cannot place the form in center


    Website: https://www.spacebox.com.hk/blog/家居儲存/柴灣迷你倉/

    Passwords: 1315


    Can you please take a look. Thank you so mcch

    Jotform Thread 1900360 Screenshot
  • Richie JotForm Support
    Replied on July 23, 2019 at 8:30 AM

    I have checked the form in your web page and can you please try using the Iframe code in embedding the form?

    Here is a guide:https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Please give it a try and let us know if you need further assistance.

  • perry_chu
    Replied on July 24, 2019 at 10:24 PM

    I tried. But it doesnt work. 




    1564021393Image from iOS (1) Screenshot 10

  • jherwin
    Replied on July 25, 2019 at 2:36 AM

    The form submits when it is opened using Laptop/PC. However, when I used an iPhone to try submitting your form, I was able to replicate the issue you mentioned.

    Submitted using laptop:
    1564036370submitted1 Screenshot 10
    Test submit using iPhone 7:
    1564036411iPhone7 Screenshot 21
    Please try to embed your form using stripped iFrame embed code, please see the stripped embed code of your form below.

    <iframe id="JotFormIFrame-92048306256456" title="Testing - 港島區- 4大迷你倉公司價錢大比拼 " onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.me/92048306256456" frameborder="0" style="width: 1px; min-width: 100%; height:539px; border:none;" scrolling="no" > </iframe>

    If that does not work, try to embed your form using other embed codes: Which-Form-Embed-Code-Should-I-Use

    Please give it a try and let us know how it goes.

     
  • perry_chu
    Replied on July 25, 2019 at 3:15 AM

    Hi jherwin,


    Thanks for your quick response. 

    Tried all method. I posted all method in my page

    Still cannot submit the form in AMP page. 


    Can you please help me to take a look again? Thanks

  • Nik_C
    Replied on July 25, 2019 at 5:19 AM

    I was able to replicate the problem, but I'm not sure why is it happening, since it is working on a computer, but not on the phone. If it is possible, I would try with embedding via Form source code: https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form

    Let us know if that is possible and if it worked.

    Thank you!