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

    Using custom PSD forms or buttons with Jotform

    Asked by agabbydavis on July 16, 2015 at 09:01 PM

    Hello,

    I have found jotfom to be very user friendly for someone like myself, easy to see and revise code, etc.,  I have researched Jotform designs but have found free downloadable psd designs online that I would like to use, but do not want the trouble of coding them for my website. 

    Does Jotform offer a means for me to use these designs, for example if they are subscription forms and I like the image with the fields inside .. an example is attached.. Thanks

    a

    Screenshot
    attached custom button
  • Profile Image
    JotForm Support

    Answered by Charlie on July 17, 2015 at 02:09 AM

    I believe you need to convert your PSD design to HTML. Currently, you can fully change your form's look using custom CSS codes or using our Form Designer Tool. You can also change the button style to an image.

     

    I hope that helps.

  • Profile Image

    Answered by agabbydavis on July 18, 2015 at 02:02 AM

    Charlie,

    Thanks for responding.  I want to make sure I understand your reply.  Are you saying that I still need to do the work and convert to HTML first before using the Form Designer Tool?  Forgive me for not checking into this just yet.. Just need to know what work I have to do, if any.. prior.  Thanks

    a

  • Profile Image
    JotForm Support

    Answered by Welvin on July 18, 2015 at 03:23 PM

    Not really like that. But I think the best way would be to do the following, just a guide:

    a. In your PSD file, remove the text (Subscribed By Email), the input box (white box) and the button (Subscribe) so you have a plain background image in blue with the top envelope.

    b. Now, create your form add the Text Block, the Email Field and the Submit button. So, this will be your form structure:

    c. Now, simply open the form in the form designer and add the background image there:

    Then you can style the form and make it like the given example. In the form designer, you should be able to build your desired look.

    Let us know if you need further assistance.

    Thanks