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.
How would you embed the modified HTML on a Wordpress site and link up tAsked by Paul on October 10, 2013 at 02:33 AM
How would you embed the modified HTML on a Wordpress site and link up the CSS & JS files?
I've got it all working but lose the styling once I paste the HTML code into Wordpress.
Thanks for your help, otherwise your tutorial is awesome!
This is a re-post of a comment on Add Google Map Geolocation Marker to your Form
Great! Thanks for your awesome feedback! =)
Here are my 2 suggestions.
1. To my understanding, you've downloaded your complete form source code that's why you mentioned linking the css and js files. Instead of doing that, use the form source code provided on the box instead. The source code comes with JS and CSS stylesheets hosted at Jotform so you do not need to do the link thing. All you have to do is to:
a. Copy the source code on the box
b. Paste it to notepad or any other editing tools you may have
c. Modify it with the Google Map script
d. Embed it directly on your WP site. Make sure to paste it while on HTML view.
2. Another solution would be to save your source code as html file. e.g. myform.html. Next, upload this file to your server and embed it as iframe in your WP site.
You can use the following iframe code. Make sure to replace the URL with your form URL location.
<iframe allowtransparency="true" src="http://www.site.com/myform.html" frameborder="0" style="width:100%; height:552px; border:none;" scrolling="no"></iframe>
I hope this helps. Feel free to let us know should you have further questions.