Embed Forms in the Website

  • Aaryan Agrawal
    Asked on November 2, 2016 at 4:22 PM

    Hi,

     

    Pl refer http://polymerjobs.io 

     

    Here we can fill this form and upon clicking on submit, the details entered appears immediately in their website.

     

    In the same way, I want website forms and they will be filled by my clients and the details entered by them will appear in the website.

     

    I guess it is known as Embedding Forms in the website.

     

    Please let me know that do you have this feature wherein I can setup forms and upon my clients filling up the details, the details would appear in the website.

     

    Please let me know the charges to create each form.

     

     

    Regards.

  • David JotForm Support Manager
    Replied on November 3, 2016 at 12:12 AM

    You can embed your jotform in your website, please check this guide: 

    https://www.jotform.com/help/34-Adding-a-form-to-a-web-page 

    On regards of showing the details of the submission in the website, if you want to just show a preview to the user, you can use the Preview Before Submit widget: http://widgets.jotform.com/widget/preview_before_submit 

    However, if you are looking to pass the submission data to a custom "Thank You" page, that requires a little bit more work, and you might need to hire a developer to accomplish it, please see this example: https://www.jotform.com/help/213-Send-POST-Data-From-JotForm-Using-PHP-in-Custom-Thank-You-Page 

    Let us know if you need more help, we will be glad to assist you.

  • aaryanagrawal001
    Replied on November 3, 2016 at 6:17 AM

    HI,

    Please refer to the attachment.

    I clicked on the link provided by you and completed all the steps as suggested in the link.

    After pasting the code in my website, the form is not appearing and it is showing error.

    Please let me know how to embed forms Embed Forms in the Website Image 1 Screenshot 20in the website.

    Regards.

     

  • aaryanagrawal001
    Replied on November 3, 2016 at 6:29 AM

    HI,

     

    Is it possible to fix a date and a time for online conversation / chatting so that the query can be explained in detail.

     

    Regards.

  • Charlie
    Replied on November 3, 2016 at 9:19 AM

    Hi,

    Currently, our chat session is not available as of the moment. The main mode of communication right now is through the forum and email. We do response here in the forum within 24 hours.

    First, to better assist you, please do answer the following questions:

    1. Is the form embedded already? Embed means the form is placed in a website using a code or script. If it is embedded already on your website, please share us the link to that website page so that we can check it out. 

    2. When you say you want the details to appear on your website instantly, what you meant is that you want the submission to be displayed on the website itself? Just like a job posting or job listing? Example, a user fills out a job listing form, the details of the job will be displayed in the website page. Is that what you want? Please note that these things might not be able to cover by JotForm. First, the websites that have job listing on them might have their own database, then a developer simply fetches the data on their database and display it directly on the website. 

    I suggest that you check out with a developer who is familiar with JotForm to help you further on how you can design your website. You can try browsing on freelance websites like Upwork or Freelancer. JotForm is an online form builder that allows you to create online forms that you can use to collect data. It can be part of the system that you are building. 

    To learn more about JotForm, I suggest checking the links below:

    About Us page 

    Frequently Asked Questions 

    User Guides and Tips 

    The JotForm YouTube Video Channel 

     

    I hope that helps.

  • aaryanagrawal001
    Replied on November 3, 2016 at 11:15 AM

    HI,

    The form is already embedded in the website.

    The example that you have mentioned is correct - "Example, a user fills out a job listing form, the details of the job will be displayed in the website page. "

    This is what I want.

    So please let me know that would you be able to help me out or f you suggest me to hire some professional - then is it possible for you to suggest me some professional / freelancer - who can help me out in this regards.

    Regards.

     

  • David JotForm Support Manager
    Replied on November 3, 2016 at 12:22 PM

    Since you already embedded your form in your site, please provide the exact URL of the page where it is embedded, I checked this URL "http://polymerjobs.io", and not jotform was found.

    On regards of hiring a developer to accomplish what you need, you would need to find it yourself, you can hire somebody at https://www.upwork.com/ or Freelancer.com as previously recommend by my colleague.

  • aaryanagrawal001
    Replied on November 3, 2016 at 3:42 PM

    HI,

    I have just started to create a website and please check the following where the formed has been embedded

    http://www.gibes.co.in/home_25::forms_51.html

     

    I wanted iFRAME code which can be copied and pasted in my website so that the responses of the forms are embedded in my website - BUT THE CODE TO BE COPIED AND PASTED IN MY WEBSITE iFRAME - SHOULD START FROM HTTP://

    Also in jotform.com - after creating a form and then clicking on publish - embed - embed options - iFRAME - BUT THE CODE STARTS FROM <iFRAME...............................

    As the code in jotfrom.com does not start from http:// - the FORM does not work in my website and it gives an error message.

    So is it possible for you to create an iFRAME code which starts from http://

    Also please let me know your professional fees to create this code.

    Regards.

  • Kevin Support Team Lead
    Replied on November 3, 2016 at 5:46 PM

    I have checked the link you've provided and I can see the form is currently showing, here is a screenshot of it: 

    Embed Forms in the Website Image 1 Screenshot 30

    If you would also like to remove the "HTTPS" from your form you can do it, but do note that "HTTPS" means that your form is submitted through a secure connection so if you embed your form using a non-secure link the security provided by https is not available with that link. 

    Here's also a sample iFrame code about how you could also embed your form: 

      <iframe

          id="JotFormIFrame"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="http://form.jotform.com/FormID"

          frameborder="0"

          style="width:100%;

          height:2190px;

          border:none;"

          scrolling="no">

        </iframe>

    Do note that this is an example only, you will need to change the link on the code given in the publish wizard. 

    Regarding to display the answers in your website, I think you could generate a report and then embed it in your webpage, but all the answers will be displayed there.

    Here's a link with more info about reports: https://www.jotform.com/help/326-How-To-Create-Form-Reports-in-JotForm

    Also, if only need to temporary show the answers in the Thank You page, then you could add them in the current thank you message by clicking on the Form Fields option:

    Embed Forms in the Website Image 2 Screenshot 41

    Also please let me know your professional fees to create this code.

    We cannot provide you a fee and it will need to be provided by the freelancer you will hire to work for you, as suggested by my colleagues, you may post your job and requirements on the platforms given above and find a proper freelance to develop what you want. 

     

  • aaryanagrawal001
    Replied on November 3, 2016 at 6:01 PM

    HI,

    I request you to go through my earlier message again.

    I had requested for the iFRAME code starting with http:// and I DO NOT WANT TO REMOVE HTTP.

    In jotform.com the iFRAME code starts with <iframe...............

    So please suggest / prepare iFRAME code starting with http

    Regards.

  • Kevin Support Team Lead
    Replied on November 3, 2016 at 7:14 PM

    As I can understand you want the link to be HTTP by default instead of HTTPS, pelase do correct me if I'm wrong. 

    If I'm correct on my understanding, then this will not be possible since the link provided is a secure link, this helps to collect the data in a secure way.

    Here are also some links about why HTTPS is used instead of HTTP:

    https://support.google.com/webmasters/answer/6073543?hl=en http://mashable.com/2011/05/31/https-web-security/#7ecyxDQmqkqb

    My suggestion above was to get the iFrame code and simply replace the HTTPS with HTTP, to do this you would need to paste the code given in the wizard in a text editor and then copy the code again and embed it in your website. 

    Here's the link also to a text editor online so you can update your code here and after the change embed it to your website: https://anotepad.com/ 

    Hope this helps. 

  • aaryanagrawal001
    Replied on November 4, 2016 at 5:57 AM

    HI,

     

    I wanted iFRAME code which can be copied and pasted in my website so that the responses of the forms are embedded in my website - BUT THE CODE TO BE COPIED AND PASTED IN MY WEBSITE iFRAME - SHOULD START FROM HTTP / HTTPS

    Also in jotform.com - after creating a form and then clicking on publish - embed - embed options - iFRAME - BUT THE CODE STARTS FROM <iFRAME...............................

    As the code in jotfrom.com does not start from HTTP / HTTPS - the FORM does not work in my website and it gives an error message.

    So is it possible for you to create an iFRAME code which starts from HTTP / HTTPS

    Also please let me know your professional fees to create this code.

    Regards.

  • Welvin Support Team Lead
    Replied on November 4, 2016 at 7:24 AM

    The iFrame guide is here: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code. Here's the iframe codes, but without the script tags:

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

    You can see the form URL in red text. It starts with HTTPS and that's how you want it. The iframe codes will always start with <iframe> and ends with </iframe>. The given codes above should work for you now. Please copy/paste that to your website editor. 

    If you will get the error again, let us know here so we can check. Make sure to keep the iframe codes in the website or create us a test page with the iframe embed in it. 

  • aaryanagrawal001
    Replied on November 4, 2016 at 9:15 AM

    Hi,

    1.

    I have copied the entire code - <iframe id="JotFormIFrame-63072700065447" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.me/63072700065447" frameborder="0" style="width:100%; height:1846px; border:none;" scrolling="no"> </iframe>

    and pasted it in my website editor.

    Please refer to the following link - where I have pasted the link - it does not work.

    http://www.gibes.co.in/home_25::forms_test.html

     

    2.

    Now I have copied the code in red - https://form.jotform.me/63072700065447 

    after pasting it in my website editor - the form gets embedded in the website - but the response does not get embedded in the website.

    Please refer to the following link:

    www.gibes.co.in/home_25::form_red.html

    So please create a code by which the response gets embedded in the website.

     

    Regards.

     

  • Charlie
    Replied on November 4, 2016 at 10:34 AM

    I am not sure that we are understanding each other. 

    Here are some questions or information to clear things up.

    1. First, please note that the iframe is an HTML element. An HTML element is part of a website, in this case, the iframe is structure like this: <iframe></iframe>.

    The iFrame element will never start from HTTP. It cannot be like this: "http://<iframe>...". 

    To learn more about the iframe element, you can check this link: http://www.w3schools.com/tags/tag_iframe.asp 

     

    2. This one http://www.gibes.co.in/home_25::forms_test.html, will not work because of what I mentioned in #1 above. If you check the source code of that website, you can see that the iFrame's "src" attribute is loading an iframe, which is NOT correct.

    Embed Forms in the Website Image 1 Screenshot 20

     

    3. Now this link http://www.gibes.co.in/home_25::form_red.html displays your form correctly. I presume that your web builder allows URLs or direct links to be displayed on your website. That's already a way to embed the form itself. This is the direct link of the form https://form.jotform.me/63072700065447. Your web builder simply uses that link and loads its own iframe to display the form itself.

     

    4. Please note that submissions will NOT be displayed on your website like a job listing. As I mentioned in my earlier post, you will need to hire a developer outside JotForm to properly plan, design and implement what you would like to do. If you just want to display the list of submissions made on a form on your website, then it is possible to embed the HTML table listing report of your submissions. Here's a guide about it: https://www.jotform.com/help/209-How-to-Create-an-HTML-Table-Listing-Report. However, I believe that is not what you are looking for because your goal is similar to a job listing site.

     

    This is how the form and the web works:

    1. JotForm is an online form, you can embed it on a website. Embed means to display something. However, the form is still being loaded from JotForm's servers, not your website. The functionality, emails, script codes and other resources are run from our end.

    2. When a user fills out the form, the data will be transferred to JotForm's servers, not your website. 

    3. This is why the data is not displayed on your website once the form is submitted. Because it is in our servers.

     

    I hope that gives you a quick overview how it works. It would still be best to hire or contact a web developer to give you a direct explanation or description on how you may accomplish what you want.

  • aaryanagrawal001
    Replied on November 8, 2016 at 10:30 PM

    HI,

    I have created a form and wanted to know that is it possible to remove "Powered By Jotforms" disclaimer that appears at the end of the form.

    If yes, then is it also possible in Starter (Free) plan.

    Regards.

  • liyam
    Replied on November 9, 2016 at 2:24 AM

    Hello,

    Since the question is no longer related to the concern of embedding forms, I have now moved your question to a new thread in order to prevent confusion on the thread discussion. You can refer to the question on the JotForm footer (Powered by JotForm) on this link. We'll provide you an answer soonest.

    Thanks.