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.
LightBox Form on WordPress Site Not Showing UpAsked by Advolink1 on February 09, 2017 at 11:53 PM
Hello. I am having difficulty getting my form to show on my WordPress site. I copy the code generated via LightBox option on Publish and form never loads. The form is located at: https://www.jotform.com/build/70397234173154.
My goal is to have the calculator popup when initiated by user on my main form located at: https://www.jotform.com/build/70375102940146
Because I've never used LightBox in WordPress, any help you may offer would be very much appreciated.Also, how do I remove the scroll bar located on the right of the calculator.
Have you tired to use the Embed Plugin for wordpress as stated in this guide: Embed JotForm in Wordpress using the Embed Form Plugin? If so, please have a try, please embed the lightbox code instead:
To your next question regarding how to remove the scroll bar on right of the calculator, I moved it to a separate thread, you can find it here: https://www.jotform.com/answers/1062449.
Hope this helps.
I guess I'm not understanding the LightBox. I have the form set to 399X280, however, it is full page and rather ugly. I wanted it to popup when the user selects the "calculator" image on the main form located at http://findyourfreedom123.com/gboonly/calculator/healthcare-cost-estimator-individual/.
Can you help me understand?
For more info about Lightbox, please see these guides:
I understand that you want to open the lightbox upon clicking the calculator image from the main form. If you want to open a lightbox from the main form, you may consider adding a pop-up modal to your form. Please see this guide: How to Add a Pop-Up Modal on your Form
Let us know if you need further assistance.
After spending, virtually, ALL DAY on your response, I am still very unclear about the LightBox.
STEP 1: I believe I have built a "lightbox" form with ONE calculator widget placed on the form. The form is located at https://form.jotform.com/70397234173154.
STEP 2: I have read, read, and re-read the "How to Add a Pop-Up Modal on your Form" document until I'm blue in the face! By visiting the main form located here, you will see an ugly black button (for now) that is following instructions according to the "How to Add a Pop-Up Modal on your Form" document.
STEP 3: Per #3 and #4 in the instructions in "How to Add a Pop-Up Modal on your Form" document, I paste the CSS in the "lightbox" form located at https://form.jotform.com/70397234173154 and press SAVE button. Also, because I'm confused, I, also, placed the CSS in the main form located here.
STEP 4: At this point, I'm lost as to how and where the links go to actually open the Pop-Up Modal form containing the single calculator widget in my WordPress site! I have downloaded the embed Plugin in Wordpress, point to the correct form, and AM LOST! Here's an image depicting the use of the embed Plugin!
Please guide me as this should not be this difficult! I have done significant due diligence in trying to use the resources provided to me in the preceding post! I'm not getting it and I NEED IT!
What you're trying to achieve can't be done in the form builder.
You should probably add the calculator directly in the main form and use condition to show hide it rather than creating another form.
The calculator alone has an auto-hide option too.
OMG! Thank you so much for your suggestion! I developed tunnel vision and could not see the forest for the trees! Thank you, again!