Having trouble embedding form in WordPress

  • Profile Image
    tcjourneys
    Asked on January 09, 2022 at 05:39 AM

    Im having trouble imbedding my jotform. It doesnt come up as a form, just a link as per the generated link below.


    [embed]https://form.jotform.com/220081790340851form/220081790340851[/embed]


    If i put the jotform link below straight into my wordpress page, it automatcally embed, but the form will not submit at the end.

    https://form.jotform.com/220081790340851


    Thank you


    Tim,


  • Profile Image
    Nina_J
    Answered on January 09, 2022 at 05:57 AM

    Hey Tim,

    Thanks for reaching out to us!

    Based on my understanding, there is an issue embedding the form to your website, correct?

    Please try embedding the form using the iFrame code.

    1641725808_61dabf7048dbe_

    Let us know if this doesn't resolve the issue.

    Best,

  • Profile Image
    tcjourneys
    Answered on January 09, 2022 at 07:45 AM

    Hi There,

    Unfortunately this doesnt appear to work. The iframe code that is copied just comes up, rather than the embedded form.

    My site is a wordpress site. When I use the other options you have including the wordpress widget one, it comes up as 'embed failed' on my web page.

    Any more ideas?

    tim.

  • Profile Image
    sweta_s
    Answered on January 09, 2022 at 09:15 AM

    Greetings Tim,

    Could you share the screenshot of the error?

    Have you followed the following methods to embed the form on the WordPress website:

    https://www.wpbeginner.com/wp-tutorials/how-to-easily-embed-iframe-code-in-wordpress

    We are waiting for your response.

    Thanks.

  • Profile Image
    tcjourneys
    Answered on January 10, 2022 at 02:01 AM

    Ive tried the iframe method but it comes up just as a basic link.


    When I use the jotform generated wordpress embed code, the fail happens. I have taken a screen shot for you.


    If I simply paste the link for the form onto my page, it actually automaticaly embeds, but the submit button doesnt work - it just gets stuck and wont go any further.

    Your help would be much appreciated.


    Tim.

  • Profile Image
    Nik_M
    Answered on January 10, 2022 at 05:23 AM

    Hi Tim,

    We are unable to see your screenshot. Please open this thread and upload it.

    Related Guide: How to Post Screenshots to Our Support Forum

    Also, please share the webpage URL.

    You can also try to embed the form with the embed form plugin.

    Related Guide: Embed Jotform in WordPress Using the Embed Form Plugin

  • Profile Image
    tcjourneys
    Answered on January 10, 2022 at 05:46 AM

    I have used your embed form plugin, and this also comes up with the error. Please see the screen shot below.

    I will send the URL in a follow up

    1641798099_61dbd9d393b10_embedfail.jpeg

  • Profile Image
    tcjourneys
    Answered on January 10, 2022 at 05:51 AM

    Here is the URL of the page where I have tried embedding the jotform. As I have mentioned I have tried using iframe, your wordpress plugin. It comes up as embed failed, and on the published site you can see at the bottom of this page that it is simply the html link.


    https://timcopejourneys.com/treks/freycinet-paddle-hike-expedition/

  • Profile Image
    Nik_M
    Answered on January 10, 2022 at 07:07 AM

    Based on the screenshot you provided I see that the form URL is incorrect. The URL of your form is https://form.jotform.com/220081790340851, not https://form.jotform.com/220081790340851form/220081790340851. Please fix the URL and try again.

    You can also try by following steps from this guide: Adding Forms to WordPress.org Version

    In step 2, you can also try using iFrame code instead of the script code.

  • Profile Image
    tcjourneys
    Answered on January 10, 2022 at 07:15 AM

    The URL I have used is the one that jotform generates. Please see screenshot below: 1641816909_61dc234da07e0_embedcode.jpeg

  • Profile Image
    tcjourneys
    Answered on January 10, 2022 at 07:24 AM

    I have tried as per your suggestion to remove the error at the end of the jotform generated URL.

    The form embeds, but I have the same problem that I had at the beginning. Which is that the form appears, and I can fill it out. But when I hit the submit button it gets frozen and just has 'please wait' and never actually submits. Please sees screenshot below:

    Are you able to make a voice call to help me through this issue?


    Tim.


    1641817441_61dc2561f0c71_Formfails.jpeg

  • Profile Image
    tcjourneys
    Answered on January 10, 2022 at 07:25 AM

    You can try filling in the form yourself at the bottom of this page:


    https://timcopejourneys.com/treks/freycinet-paddle-hike-expedition/

  • Profile Image
    Amin_N
    Answered on January 10, 2022 at 08:22 AM

    Hi again,

    Please use the iFrame code instead of the WordPress Embed code.

    Related guide: Getting-the-form-iframe-code

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

  • Profile Image
    tcjourneys
    Answered on January 11, 2022 at 07:36 PM

    The iframe code will not work. It comes up as a URL link when I publish my page, rather than an embedded form. Please read through this thread if you can. I really need to get the form imbedded ASAP and have been trying for two days now.

  • Profile Image
    Amin_N
    Answered on January 11, 2022 at 08:56 PM

    Hi again,

    We sincerely apologize for any inconvenience you may have encountered.

    The iFrame code works on WordPress with no issues at all. The issue is you're not embedding it properly.

    Kindly follow the guide below on how to embed iFrame code into WordPress.

    https://wpastra.com/embed-iframe-in-wordpress/

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

  • Profile Image
    tcjourneys
    Answered on January 12, 2022 at 07:39 PM

    Thankyou! I was able to get this to work properly by choosing the 'custom html' block and pasting the iform coding there.

    Best regards


    Tim.