- Advolink1Asked 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.
- JotForm SupportChriistianAnswered on February 10, 2017 at 02:13 AM
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.
- Advolink1Answered on February 10, 2017 at 02:32 AM
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?
- JotForm SupportChriistianAnswered on February 10, 2017 at 02:57 AM
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.
- Advolink1Answered on February 10, 2017 at 07:23 PM
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!
- JotForm SupportEltonCrisAnswered on February 11, 2017 at 03:08 AM
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.
- Advolink1Answered on February 11, 2017 at 09:45 AM
OMG! Thank you so much for your suggestion! I developed tunnel vision and could not see the forest for the trees! Thank you, again!