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 add a product description ?

    Asked by aaronwbryant on November 20, 2015 at 10:48 PM
    Also, what css can I use to add a description to each product?
  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 20, 2015 at 11:02 PM

    Unfortunately, is not possible to add a product description.However, I found a simple workaround to do it, you should add this line after the name of your product :

    <br>Description : The product description here.

    You can take a look to my sample form here : 

    https://form.jotform.com/53238280657965?

    Hope that helps.

    If you need further assistance, feel free to contact us.

    Regards.

  • Profile Image

    Answered by aaronwbryant on November 21, 2015 at 11:27 AM

    Where do I put that line? Can I put the description after the price so that the price will stay after the product name and the description is by itself on the next line?

  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 21, 2015 at 08:08 PM

    To do it, open the Payment Wizard : 

    Click on the product you want to add the description and then in the name field paste the line at the end of the name,click on Save Product and close the wizard :

    <br>Description : The product description here.


    Now, to put the description after the price and then show it on the next line, open the Designer and paste this CSS code :

    .form-product-item{

        width: 100%;

    }

    .form-product-details{

        position: absolute;

        top: 4%;

        right: 0%;

    }

    .form-product-name{

        padding-right: 60px;   

    }

    1.Click on the CSS tab.

    2. Paste the CSS code provided.

    3. Save the changes.

    This is the result : 

    Here is my sample form, you can clone it if you want : 

    https://form.jotform.com/53238280657965?

    Let us know if it works.

    Thanks.