Can I customize form to a more aesthetic in paid version

  • Profile Image
    allglassweb
    Asked on September 26, 2022 at 05:04 PM

    Good day, I have this form: https://form.jotform.com/202957403693663, my question is: with the paid version I can redesign this form improving the aesthetics including images and more options?

  • Profile Image
    Lesther
    Answered on September 26, 2022 at 07:17 PM

    Hello allglassweb,

    Thanks for reaching out to Jotform Support. The Paid and Free account subscription offers similar functions. It only differs from the limitations.

    Please tell us more about what you would like to add to your form so we can help you achieve it.

    Here's what I commonly see in forms that offer the same service as yours. They will add a File Upload element on their form to allow responders to upload their design.

    1664233458_63322ff2d42c4_

    You can also add the Annotate Picture widget to your form. Upload your sample image and it allows your customers to write on your pictures, leave notes and draw on the image to point out something they want you to see.

    In addition, you can subscribe to any paid plans and if you think it won't work for you, you can request to cancel it and we will refund what you paid. We offer a 30-day money-back guarantee. This gives you time to make sure your purchase is perfect. If for any reason you decide to cancel your subscription within 30 days of your payment, we’ll issue a full refund.

    Reach out again if there’s anything else we can help you with.

  • Profile Image
    allglassweb
    Answered on September 27, 2022 at 09:43 AM

    Good morning, to clarify my question, I rephrase it: With the free or paid version I can create an order form like this: https://www.crystalglassny.com/Store/Glass-Products?  

  • Profile Image
    allglassweb
    Answered on September 27, 2022 at 09:45 AM
    Good morning, to clarify my question, I rephrase it: With the free or paid
    version I can create an order form like this:
    https://www.crystalglassny.com/Store/Glass-Products?
    ...
  • Profile Image
    Harvey
    Answered on September 27, 2022 at 10:07 AM

    Hi allglassweb,

    Thanks for getting back to us. Yes, it looks like the form uses image picker widgets. You can use the image radio button widget or image checkboxes widget to list the shapes along with the images that you wanted to use. The other fields on the form use drop-down & single choice elements which can easily be found on the Form Elements tab.

    Give it a try and let us know if you have any questions.

  • Profile Image
    allglassweb
    Answered on September 27, 2022 at 01:06 PM

    ok. I used the image radio button, but my current doubt is how to put in a new line the 5th option, that is Arch and that they are in rows of 4?: https://form.jotform.com/222694373075158

  • Profile Image
    Parker
    Answered on September 27, 2022 at 01:24 PM

    Hi allglassweb,

    Thanks for getting back to us.

    I would try adding in this CSS to your widget.

    li { width: 20% !important; }

    1664299399_633331871506a_

    When I did this on a clone of your form, you can see they're now 4 across with the 5th on a new line.

    Give this a try and if this isn't what you were wanting can you explain a bit more so we can understand better what you're hoping to accomplish.

  • Profile Image
    allglassweb
    Answered on September 28, 2022 at 02:51 PM

    Thank you, Now, in this form: https://www.crystalglassny.com/Store/Glass-Products, when a user selects an option the next phase displays the selected image in large with the selection fields: https://snipboard.io/hU01fb.jpg. How do I achieve this with jotform? I mean to show the image selected in the previous phase.

  • Profile Image
    Harvey
    Answered on September 28, 2022 at 03:59 PM

    Hi allglassweb,

    Thanks for getting back to us. I've tried opening the link that you have sent but it looks like they have been both removed.

    1664394617_6334a579914d0_

    1664394951_6334a6c76355c_

    If you can take a screenshot of what’s happening and upload it directly on this thread, that will help us to understand better what you are trying to achieve and help you with it. We have a guide about how to do that here.

    After we hear back from you, we’ll have a better idea of what’s going on and how to help.

  • Profile Image
    allglassweb
    Answered on September 28, 2022 at 04:45 PM

    here: https://www.crystalglassny.com/Store/Glass-Products

    Select an option, press next and observe the image corresponding to the selected option in the next phase. 


    1664398034_6334b2d25410f_


  • Profile Image
    allglassweb
    Answered on September 28, 2022 at 05:55 PM


  • Profile Image
    Harvey
    Answered on September 28, 2022 at 07:53 PM

    Hi allglassweb,

    Thanks for getting back to us. In order to achieve the same output on the webpage that you have shared, you can use conditions to show/hide the image based on the user selection on the first page. This would require you to add an image field for each of the shapes on the widget and show it depending on their answer. Let me show you how:

    • Open your form in Form Builder and add an Image field to your form.1664408081_6334da110e928_
    • Upload the image of the Shape by clicking the Choose A File button. 1664408388_6334db4409c07_
    • Repeat the same steps above for the other shapes on your form.
    • Once all the shapes are added we'll now add the conditions, in the orange navigation bar click on Settings.
    • Click on Conditions and click on Add new Condition.
    • Select the Show/Hide Field condition and copy the condition below for each shape.1664408900_6334dd4412a03_
    • Click on Save once done.

    That's it. Once all of the image shapes and conditions are added to the form. The corresponding image selected from the first page of the form would show on the next page. Check the sample screencast below:

    1664409169_6334de5106fd8_

    Here is a demo form where the conditions and sample images are added. This demo form only has the first 3 images added. You can clone this form to your account by following this guide.

    Let us know if you have any questions.

  • Profile Image
    allglassweb
    Answered on September 29, 2022 at 12:46 PM

    Thank you for the valuable collaboration, it has been very useful for me. Now how do I put a value or cost to those images? and how do I show the total of what the customer is selecting in real time, as shown in the screenshot.


    1664470006_6335cbf624b07_






  • Profile Image
    Christopher_L
    Answered on September 29, 2022 at 02:40 PM

    Hi allglassweb,

    Thank you for getting back to us.

    I understand the issue, but I’ll need a bit of time to work out a solution.

    I appreciate your patience and understanding.

  • Profile Image
    allglassweb
    Answered on September 30, 2022 at 06:44 AM

    Thank you. Is it possible that if the user selects in width for example 12, in height is automatically marked 12? so that they are equal.

    1664534641_6336c8712b891_

  • Profile Image
    Herbert
    Answered on September 30, 2022 at 07:44 AM

    Hi allglassweb,

    Thanks for getting back to us. We can copy the value that will be entered in the Width field to the Height field by adding a condition. We also have a guide about Smart Forms: Conditional Logic for Online Forms that you can check out. Check out my results in the screencast below:

    1664537959_6336d5678490a_record 805.gif

    For your previous question on how to put values or costs to your products and how to show the total costs of the products selected in real-time, we'll need to enter a calculation string that would populate the Totals field that you have added. Can you tell us how your products should be calculated so we can help you formulate the calculation string for the widget?1664538256_6336d69095999_Screenshot 2022

    As soon as we hear back from you, we can move forward with a solution.

  • Profile Image
    anaspro359
    Answered on September 30, 2022 at 07:55 AM

    Thank for your information

  • Profile Image
    allglassweb
    Answered on October 06, 2022 at 07:11 AM

    Good day, I don't understand what's going on here: https://form.jotform.com/222694373075158. Although I set the condition, to show the figure, it does it but it shows all the others 

    1665054557_633eb75d9e500_


    Until recently it worked, but not anymore. What will happen there? 

    1665054664_633eb7c8e8aac_

    1665054692_633eb7e4b9980_








  • Profile Image
    Girish
    Answered on October 06, 2022 at 07:27 AM

    Hello,

    You need to click "+" on the condition and add Hide conditions:

    1665055359_633eba7f80511_0610_1.png

    Example:

    1665055612_633ebb7c9fe5a_0610_2.png

    Check this demo form - Click here.

    Give it a try and let us know how it goes.

  • Profile Image
    allglassweb
    Answered on October 06, 2022 at 12:48 PM

    Ok, works up to semi-circle. look please:



    1665074866_633f06b264b8a_



    1665074906_633f06dacb31d_1665074824_633f0688b1067_

  • Profile Image
    Christy
    Answered on October 06, 2022 at 01:11 PM

    Hello allglassweb,

    Thank you for getting back to us. I understand how frustrating this is. Please unselect semicircle from the list of fields that were conditioned to be hidden as it supposed to be shown when Choose Shape contains semicircle.

    1665076020_633f0b348a211_

    Reach out again if there’s anything else we can do for you.

  • Profile Image
    allglassweb
    Answered on October 06, 2022 at 01:23 PM



    1665076837_633f0e65d3753_

    is observed is the circle. I want it to be observed is the semicircle


  • Profile Image
    allglassweb
    Answered on October 06, 2022 at 01:27 PM

    I don't understand if the others work, the semi-circle does not.

  • Profile Image
    Christy
    Answered on October 06, 2022 at 02:39 PM

    Hello allglassweb,

    Thanks for getting back to us. I'm sorry you're still having difficulties with this. I, therefore, recreated all of the conditions associated with choosing a shape in your form to help you out with this. Please feel free to clone my form.

    1665081543_633f20c768ef7_Screencast.gif

    Reach out again if there’s anything else we can do for you.

  • Profile Image
    allglassweb
    Answered on October 12, 2022 at 08:41 AM

    Good day, a doubt, can you enter values in the selectors in dynamic mode? example: in this reference: https://www.crystalglassny.com/Store/Glass-Products. In phase 3 if I have selected 1/8 and the default option Seamed Edge the cost is 33.30. When changing for example to Flat Polished Edge the total cost is 33.78, so I assume that this option would cost 0.48. Now if I change to 1/4 the total cost is 39.54, I assume according to the subtraction that 1/4 costs 6.22 with default values. If I change to Flat Polished Edge, the cost would be 40.48 so I assume that there Flat Polished Edge costs 0.96 and not 0.48, then I can update that cost in the part where the values are entered for calculations according to the option chosen or just put the value in the equation?


    1665578198_6346b4d673b66_


    1665578236_6346b4fc29325_


    and:


    1665578267_6346b51b2487e_


    after:

    1665578316_6346b54c1b056_


    but:



    1665578369_6346b58146d3d_


    and:


    1665578398_6346b59e80a8f_

    with:


    1665578467_6346b5e327b9f_








  • Profile Image
    allglassweb
    Answered on October 12, 2022 at 09:16 AM

    1665580295_6346bd075df25_


    Another thing is that when I go to do the calculations with the radio fields it does not enable them. I do not understand:

    1665580499_6346bdd380966_


    I need the value of what is selected for the equation




  • Profile Image
    Eiron_O
    Answered on October 12, 2022 at 10:24 AM

    Hi allglassweb,

    Thanks for reaching out to Jotform Support. I've moved your questions to a new thread. You'll be answered there shortly. See the links to the threads below:

    Reach out again if you need any other questions.