How can I get the embedding Code

  • SJLifton
    Asked on October 6, 2017 at 10:54 AM

    How do I get a code to embed this form on a page on my website?

    Thanks.

    Stephanie

  • Sabbir
    Replied on October 6, 2017 at 10:58 AM

    You can get the embed code from the Publish menu in your Form Builder.

    How can I get the embedding Code Image 1 Screenshot 20

    Let us know if you have any further query in this regard.

  • SJLifton
    Replied on October 6, 2017 at 11:05 AM

    Thanks so much.

    Do you know how to add a button to take clients to PayPal to complete their order?

    Stephanie

  • Sabbir
    Replied on October 6, 2017 at 11:08 AM

    I have opened a new thread about your question to add a button to send the users to paypal.

    Please follow this thread here: https://www.jotform.com/answers/1266611


  • SJLifton
    Replied on October 6, 2017 at 12:07 PM

    I have now tried the embed code and it is not working. I get just a blank note saying "Embedded Content" Any ideas?

  • Sabbir
    Replied on October 6, 2017 at 12:33 PM

    Sorry for the problem you are having.

    Can you send your embed code, so I can take a look?

    You can also try using the following embed code:

    <iframe id="JotFormIFrame-72642877444971" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/72642877444971" frameborder="0" style="width: 1px; min-width: 100%; height:539px; border:none;" scrolling="no"> </iframe>

    Change the form id and form url with the one shown with bold font here.

    Let us know if it works or not for you.

  • SJLifton
    Replied on October 6, 2017 at 12:40 PM

    I am not getting an embed code that looks like this. Here is what I get:

    <script type="text/javascript" src="https://form.jotform.com/jsform/72765167860163"></script>
  • Sabbir
    Replied on October 6, 2017 at 12:43 PM

    Are you embedding this code to your website?

    If yes, can you tell me is it a wordpress website or any other way you are trying to embed this code into your website?

  • Sabbir
    Replied on October 6, 2017 at 12:46 PM

    Also, I suggest you to use iFrame code to embed your form rather the one you are trying to use.

    Here where you find the iFrame code:

    How can I get the embedding Code Image 1 Screenshot 20

    Click here and use this code. Let us know if you have any further query.

  • SJLifton
    Replied on October 6, 2017 at 1:01 PM

    It is not wordpress; my website is through Zenfolio. And as for your previous instructions, I guess I just wasn't sure where to put those bolded items because the embed code given to me in that box where it says COPY CODE (as in the above example) did not look quite like the code you sent me in the answer.

    I will try the above suggestion.

  • SJLifton
    Replied on October 6, 2017 at 1:04 PM

    Yeah - none of this is working.

  • Sabbir
    Replied on October 6, 2017 at 1:06 PM

    If you want, you can send me your form link.

    I will put your form ID and form url to the iFrame embed code and send it to you.

    So you can use that to embed the form in your website.


  • SJLifton
    Replied on October 6, 2017 at 1:10 PM

    I have one other question out on this - after going to PayPal, it does not reroute to my thank you page. I am going to start another thread about that. Once I have that resolved, I may ask you to do this. Or I suppose I can just put the link on my web page.


  • Sabbir
    Replied on October 6, 2017 at 1:13 PM

    Since this is a different issue, please address this to the thread that I have opened earlier:

    https://www.jotform.com/answers/1266611

    We need to keep the things in order. So please put your paypal related issue on that thread.

  • SJLifton
    Replied on October 6, 2017 at 2:40 PM

    Hi Sabbir. Here is my link:

  • Sabbir
    Replied on October 6, 2017 at 3:41 PM

    <iframe id="JotFormIFrame-72765167860163" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/72765167860163" frameborder="0" style="width: 1px; min-width: 100%; height:539px; border:none;" scrolling="no"> </iframe>

    Please embed the above code to your website and let me know if it works for you or not.

    If you still face any issue, please let me know exactly what's the issue is.

  • Stephanie
    Replied on October 8, 2017 at 1:35 PM

    Still not working. Here is what I get when I try:

  • Stephanie
    Replied on October 8, 2017 at 1:36 PM

    Sorry, here's what I get when I try:

    How can I get the embedding Code Image 1 Screenshot 20

  • Elton Support Team Lead
    Replied on October 8, 2017 at 4:29 PM

    Does the full iframe embed code didn't work?

    I'm not sure why you are getting a small width on your form container, it could due to the script that was not included in the iframe code.

    You can try this instead,

    <iframe id="JotFormIFrame-72765167860163" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/72765167860163" frameborder="0" style="width: 100%; min-width: 100%; height:539px; border:none;" scrolling="no"> </iframe>

    You can also set specific width by changing 100% to e.g. 400px and adjust the px number until the form fits in.

    But I'd still recommend using the full iframe embed code that is provided in the Publish wizard.

    Thanks