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

    How to embed the full sourcecode in wordpress without using iframes

    Asked by benjaminaurelius on August 10, 2014 at 12:33 PM

    Hey,

    what I like to try is to embed the a) sourcecode b) js c) css on my server. I am using wordpress.

    In the forum one solution suggests that one should put all the files on the server and link to the html via iframe. Personally I want to try to dont use any iframes on my wordpress site. What would be the workaround for that?

    I guess I would have to change the links in the sourcecode from e.g.:

    <link type="text/css" rel="stylesheet" target="_blank" href="css/styles/form.css?v3.2.3131"/>

    to the more specific path (wherever I have put the files to) e.g.:

    <link type="text/css" rel="stylesheet" target="_blank" href="http://www.mydomain.com/form/css/styles/form.css?v3.2.3131" rel="nofollow"/>

    After that I could put the sourcecode in a normal wordpress html field. What do you think, would that work?

     

    Thank you!

  • Profile Image
    JotForm Support

    Answered by Welvin on August 10, 2014 at 04:15 PM

    Hi,

    Yes, your overall steps are correct.

    After downloading the form source codes including the CSS and JS files, you have to open the HTML file in the source codes (usually, the HTML file is named after the form) using your text editor, i.e notepad. Find all the links there and replace it with the correct path of the files:

    Example:

    Please get back to us if you need further assistance.

    Thank you!