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

    Fallo insertar código formulario en web.

    Asked by pilar2016 on August 08, 2016 at 06:31 AM

    Buenos días,

     

    Mi nombre es Pilar Chicharro y tengo cuenta en jotform.

    Le expongo mi problema:

    He creado un formulario desde su web, pero cuando intento insertar el código en mi página tengo pérdida de formato y no toma el adecuado.

    He realizado varias pruebas:

    1. Si copio el formulario como "script", es decir, si cojo la opción "Embed" el formulario se ve correctamente y sin problemas.

    <script type="text/javascript" src="https://form.jotformeu.com/jsform/62171335392352"></script>

     
     
    2. Sin embargo, cuando escojo la opción de "Source code" y añado el código en mi página se pierde el formato css y el formulario no se ve de forma adecuada. 
     
     
     
    Por favor, necesitaría que me ayudasen con este problema. Los datos que se añadan en el formulario los necesitaré insertar en una base de datos propia, por ello, necesitaría que a la hora de copiar el código el formato no se pierda y, por lo tanto, el formulario salga correctamente.
     
    Gracias por su atención y por la ayuda.
     
    Disculpen las molestias
     
    Un saludo!
    Screenshot
    JotForm source uploads height
  • Profile Image
    JotForm Support

    Answered by Chriistian on August 08, 2016 at 07:07 AM

    It seems that some CSS code is not properly loaded when you use the Source code of the form. If I am not mistaken, you are embedding the form on a Wordpress site. Can you try to add a <div class="supernova"> before the form tag on the source code and see if this will fix the issue?

     

    Please ensure that you have added the div close tag </div> after the form close tag </form>.

     

  • Profile Image

    Answered by pilar2016 on August 08, 2016 at 07:37 AM

    Buenos días,

    En primer lugar agracederte la rápida respuesta.

    Por otro lado, sigo teniendo problemas... Ahora sí se ve la imagen que tengo puesta de fondo, pero el formulario sigue viéndose mal y la imagen del fondo tampoco se ve tan nítida.

    Adjunto una imagen.

     

    Gracias!

     

    Un saludo

  • Profile Image
    JotForm Support

    Answered by Nik_C on August 08, 2016 at 08:05 AM

    Your image is with size of 600x300px so when you place it for a background it will be blurry and not sharp since it will be stretched.

    For example, if I put repeat and fixed options for background:

    Your form will look like this:

    The picture is clear but it repeats as you can see.

    If you have this same picture with bigger resolution, it should look better and without repeating of it.

    Please check and let us know if we can be of more assistance.

    Thank you!

     

     

  • Profile Image

    Answered by pilar2016 on August 08, 2016 at 08:17 AM

    Hola!

     

    No es sólo la imágen... el menú tampoco se ve del modo correcto cuando copio el código.

     

    Cuando pongo el código como "Embed" el fondo se ve bien y el menú también.

     

    Sin embargo, cuando copio el código y lo pongo como "Source Code" ni el fondo ni el menú se ven correctamente. Además al principio de la página se queda un espacio en blanco y el menú no está centrado... Con esta opción, la apariencia de la página no tiene nada que ver...

     

    Creo que a la hora de cargar el código como "Source Code" se están perdido algunos archivos de estilo (*.css).

     

    Gracias!

  • Profile Image
    JotForm Support

    Answered by Chriistian on August 08, 2016 at 09:08 AM

    Hi,

    In that case, the problem could be that there is a conflicting style with the page where you are embedding the form. I could not replicate the issue with my own page so please give us the URL of the page where you are embedding the form so we can inspect it.

    Regards.

  • Profile Image

    Answered by pilar2016 on August 09, 2016 at 02:26 AM

    Buenos días,

     

    Actualmente el desarrollo lo estoy realizando de modo local, por lo que aún no tengo un dominio para poderles dejar... lo lamento...

    ¿No exisitiría algún otro modo en el que pueda pasar los datos del formulario a la base de datos?

     

    Gracias por la ayuda!

  • Profile Image
    JotForm Support

    Answered by Chriistian on August 09, 2016 at 03:48 AM

    Unfortunately we will need to see the page where you are embedding the form so we can investigate the issue there. 

    Instead of the source code, can you try using the iFrame embed code instead? By using the iFrame embed code, your form should not have any conflict with the other elements on your page.

    If you want to send the form data to a database, then you can follow this guide to set it up: How to send Submissions to Your MySQL Database Using PHP.

    Regards.

  • Profile Image

    Answered by pilar2016 on August 09, 2016 at 04:10 AM

    El paso previo: "How to Post Submission Data to Thank You Page" no funciona...

    He seguido los pasos que indican en la página y el ejemplo que pone falla. Al finalizar y enviar los datos, obtengo el siguiente mensaje: "No Post Data Received. Make sure you enabled Send Post Data on your form. Then, try again."

    He vuelto a revisar si tengo habilitada esa opción y, efectivamente, está activada:

    Por lo tanto, si esta primera parte no funciona, no puedo continuar porque el resto también fallará....

  • Profile Image

    Answered by pilar2016 on August 09, 2016 at 04:11 AM

    Esto sale en la página de "Gracias"

  • Profile Image
    JotForm Support

    Answered by Chriistian on August 09, 2016 at 05:12 AM

    I see that you are referring to the message in the Thank You page wizard. I would like to inform you that this is expected behavior in the Thank You page wizard. There is currently no post data being passed to the link in the Thank You page so it will display "No post data received."

    However, if you make an actual submission to the form (fill up and submit the form), you will see that the Post Data is indeed being sent successfully. Once you submit the form, the Thank You page should look like the image below.

    If you need further assistance, please let us know.
    Regards.

     

  • Profile Image

    Answered by pilar2016 on August 09, 2016 at 06:11 AM

    Muchas gracias por toda la ayuda aportada y perdonar cualquier molestia que haya podido ocasionar!

     

    :) :)

  • Profile Image
    JotForm Support

    Answered by Chriistian on August 09, 2016 at 06:47 AM

    Hi pilar2016,

    You are always welcome. Thank you for being patient with this issue until it worked. If you need any more assistance, don't hesitate to open a new thread.