How to make a multi step form with step 2 leading to lightbox

  • RGVFarmersMarket
    Asked on September 30, 2016 at 6:40 PM

    I am trying to create a workflow similar to the form found on https://www.uxpin.com

    Step one: Home page has single field form (email).

    Step two: The "submit" or "next" button leads to a lightbox with addition questions. 

    Basically, I am looking for a multi step form

    Can anyone help me accomplish this?

     

     

  • Elton Support Team Lead
    Replied on October 1, 2016 at 1:12 AM

    I believe you can achieve that when you embed your form using lightbox embed code. Guide: http://www.jotform.com/help/220-How-to-Create-a-Lightbox-Form

    Basically, you will have to add the lightbox class e.g. lightbox-62661380761962 (found in your lightbox embed code) to your existing buttons to trigger the lightbox form.

    Example:

     <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript"> var JFL_62661380761962 = new JotformFeedback({ formId: '62661380761962', base: 'https://form.jotform.com/', windowTitle: 'Payment Form', background: '#FFA500', fontColor: '#FFFFFF', type: 'false', height: 500, width: 700, openOnLoad: false }); </script> <a class="btn lightbox-62661380761962" style="margin-top: 16px"> Payment Form </a>

    If you want to pass a field value to the lightbox, you can use the lightbox parameter. Guide: https://www.jotform.com/help/83-Adding-parameters-in-Lightbox-and-Feedback-forms

    If you need further assitance, let us know.

     

  • Elton Support Team Lead
    Replied on October 1, 2016 at 1:35 AM