What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    My Submitt button won't work on my Facebook Page.

    Asked by islachamberspandc on March 06, 2014 at 04:05 AM

    I've added my code to my tab, and it all looks great.  However when I fill in the form and hit Submitt, nothing happens and it doesn't register on mhy Jotform page either.

    I know this may be a FB error, but thought I would try here!

     

    Thanks
    Isla

    Page URL:
    https://www.facebook.com/CedarCreekStateSchoolPcWinterfest?sk=app_1903<br/>22544333196&amp;app_data=visitor_mode

    Facebook Page JotForm FB fill thanks
  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 06, 2014 at 06:36 AM

    Hello Isla,

    I am not sure how you have embedded your form in your facebook page. None of the scripts are actually working on your facebook page including the validation. Have you already checked our guide on how to embed your form in facebook? Please check the guide here:  http://www.jotform.com/help/22-Adding-Form-to-Facebook

    I would suggest you to please follow the above guide and re-embed your form in your facebook page. Do get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by islachamberspandc on March 06, 2014 at 04:30 PM
    Hi,
    Thanks for your answer. It was originally put up by using the source code. This allowed me to see the form, but bot be able to submit it.
    I have now done it using the FB code as per your link, but using this, I can't even see the form. Facebook are now using Static HTML-Thunderpenny if this makes any difference!
    Thanks again,
    Isla
    Sent from my iPhone
    ...
  • Profile Image
    JotForm Support

    Answered by TitusN on March 06, 2014 at 06:06 PM

    Hello Isla,

    Thank you for the update.

    Ideally, Iframes and remote content do not run well on Facebook

    However, if you modified the code a little, you could use the form's source code to embed your form on a facebook tab.

    I used the same HTML app as you (Thunderpenny) to embed this page: https://www.facebook.com/pages/Testing-Page-for-embeds/427004370778458?id=427004370778458&sk=app_190322544333196

    I tested it twice, and it worked. It contains your form's source code (Winterfest Stand Application 2014), I hope that was the correct form.

    If it is, please copy the code you need to make it work from this pastebin: http://pastebin.com/xdUgCTKJ

  • Profile Image

    Answered by islachamberspandc on March 06, 2014 at 06:20 PM
    Oh my goodness! Thank you so much! It worked, and I got the email conformation as well!
    Thank you again, it is really appreciated. I will be able to copy the link you provided when I get home this afternoon.
    Thanks again!
    Isla
    Sent from my iPhone
    ...
  • Profile Image
    JotForm Support

    Answered by TitusN on March 06, 2014 at 06:42 PM

    You are welcome, we're happy to help.

    The pastebin code will be avalable for the next two weeks, then it will depreciate automatically.

    Please let us know when you are done, and I shall take down the test Facebook page.

  • Profile Image

    Answered by islachamberspandc on March 06, 2014 at 09:00 PM
    It's all sorted, and it works perfectly!
    Thanks again!
    Isla Chambers
    President
    0416 22 70 94
    Cedar Creek State School
    P&C Association
    1 Chardon Bridge Rd
    Cedar Creek
    QLD 4207
    ABN 63414967697
    ...
  • Profile Image
    JotForm Support

    Answered by TitusN on March 06, 2014 at 09:19 PM

    Great!

    Test page depreciated.

    Let us know if you hit any more bumps.

  • Profile Image

    Answered by islachamberspandc on March 08, 2014 at 02:00 AM
    Hi!
    So sorry, I had to make a small change to the form yesterday afternoon, but have noticed that it didn't add the change on the Facebook page. Do I need to enter the new code again?
    Thanks again!
    Isla
    Isla Chambers
    President
    0416 22 70 94
    Cedar Creek State School
    P&C Association
    1 Chardon Bridge Rd
    Cedar Creek
    QLD 4207
    ABN 63414967697
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on March 08, 2014 at 03:37 AM

    @islachamberspandc

    Yes, you have to take your form source code again and embed it to your FB page. That's the downside when using source code. You should probably consider using iframe embed code as it is recommended embed type for FB pages. Otherwise if you don't, you can stay with form source code but you have to update your embed code every time you make changes on your form.

    Thanks!

    P.S. When you embed your iframe code, make sure the form URL is secure otherwise the form won't appear when viewing it live. It is stated on the guide that Secure Form is required on FB pages.

  • Profile Image

    Answered by islachamberspandc on March 08, 2014 at 03:50 AM
    Hi,
    Thanks so much for your reply. Just checking, I had problems previously (see earlier emails) it ended up with a different code being sent to me from another Jotform support staff. Can I just copy the code from the Jotform site or do I need a special one?
    Thanks again!
    Sent from my iPhone
    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on March 08, 2014 at 04:45 AM

    Hi,

    If I understand your latest question correctly, you want to gather again the source code of the form?

    Please use this guide on how to 

    http://www.jotform.com/help/104-How-to-get-your-Form-Source-Code

     

    Inform us if you need further assistance.

    Thanks.

  • Profile Image

    Answered by islachamberspandc on March 08, 2014 at 05:10 AM
    Thanks. I have done all that. The form loads, but the 'submit' button doesn't work.
    As per my emails on The 7th, please see the Jotform response that got it to work, as well as my original email:
    Hello Isla,
    Thank you for the update.
    Ideally, Iframes and remote content do not run well on Facebook
    However, if you modified the code a little, you could use the form's source code to embed your form on a facebook tab.
    I used the same HTML app as you (Thunderpenny) to embed this page:https://www.facebook.com/pages/Testing-Page-for-embeds/427004370778458?id=427004370778458&sk=app_190322544333196
    I tested it twice, and it worked. It contains your form's source code (Winterfest Stand Application 2014), I hope that was the correct form.
    If it is, please copy the code you need to make it work from this pastebin:http://pastebin.com/xdUgCTKJ
    Hi,
    Thanks for your answer. It was originally put up by using the source code. This allowed me to see the form, but bot be able to submit it.
    I have now done it using the FB code as per your link, but using this, I can't even see the form. Facebook are now using Static HTML-Thunderpenny if this makes any difference!
    Thanks, Isla
    Sent from my iPhone
    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on March 08, 2014 at 06:11 AM

    Hi Isla,

    Actually, it is NOT highly recommended to use the form's source code embed on Facebook page.

    In the first place, it should have not been the suggested best method. I suspect the submit button is not working because there is a script conflict between the form and those scripts in the Facebook page.

    The static html iframe tab embed method suggested in the Facebook guide http://www.jotform.com/help/22-Adding-Form-to-Facebook is the recommended embed method

    Can you please retry re-embedding the form http://www.jotform.co/form/40641665056858 into your Facebook page using the guide.

    It should really work.

    You can test your embedded form in my test Facebook page herehttps://www.facebook.com/testjotformsurvey/app_190322544333196.

    I only used the JotForm Facebook guide.

     

    Thanks.

  • Profile Image
    JotForm Support

    Answered by TitusN on March 09, 2014 at 01:10 AM

    Hello Isla,

    Test out the method my colleage has offered - its always beneficial to have options - since you would need to embed the form each time you make changes in the builder..

    ****

    If you still want to go the source code method  or if you experience difficulties- here's the pastebin - http://pastebin.com/9nQTK0Tr

    Here's the test page again - let me know when I can take it down: https://www.facebook.com/pages/Testing-Page-for-embeds/427004370778458?sk=app_190322544333196&ref=s

    I should have explained why the source code works in the first place so that you can apply the same principle:

    1. The HTML tab apps on facebook use Iframes, which is why an Iframe embedded within then does not sometimes load all the content - possibly because Facebook blocks remotes scripts that have not been solicited by the app...In any case...

    2. To make your source code work, you need to create the HTML standard page so that the browser and the Iframe work as expected. This is accomplished using the form source code:

    a. Add a doctype at the top of the page - <!doctype html>

    b. Put the meta, scripts and css information inside the head tag <head></head>

    c. Put everything within the form tags inside the body tag -  <body></body>

    d. Put everything (other than the doctype) inside html tags <html></html>

    A sample code of your latest form is in the pastebin link - go ahead and examine it for my description in #2 above.

    Also, make sure you get the secure source code using this linked guide

    Your free account only allows for 10 secure SSL submissions per month (activated by putting the form on facebook) - I hope you are able to work with this quota.

    Let us know if this helps.

  • Profile Image

    Answered by islachamberspandc on March 09, 2014 at 11:40 PM
    Hi,
    Thankyou so much for your help.
    I did have it working and had got a submission from it, however only some people were able to access the form. I have had someone send me a photo of what they are seeing when they open the form:
    This was using the FB embedded form from the embed options on Jotform. Thanks for sending the alternative through. I will paste that in and see if that makes a difference.
    I really appreciate you taking the time to explain it out step by step. Fingers crossed I should be right from here. I used this last year, made several changes, and had no problems uploading the form. Facebook drives me insane sometimes!
    Thanks again,
    Isla

    Isla Chambers
    President
    0416 22 70 94
    Cedar Creek State School
    P&C Association
    1 Chardon Bridge Rd
    Cedar Creek
    QLD 4207
    ABN 63414967697
    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 10, 2014 at 04:22 AM

    Hello Isla,

    On behalf of my colleagues, you are welcome.

    Do get back to us if the alternative solution of @TitusN works for you. You may also like to share the screenshot of the page which one of your user have sent you. The following guide should help you in uploading image in forum post:  http://www.jotform.com/answers/277033

    We will wait for your response.

    Thank you!