Dynamic data from my site into form?

  • Profile Image
    David Lozzi 
    Asked on June 08, 2014 at 09:11 PM
    Hi There,I'm checking out Wufoo as well, and awaiting to hear from them as well on this same question. We have a site which offers events weekly and monthly. We'd like to use a online form service to collect the registration and payment for the event. The only issue I see, that isn't obvious, is can I send the event name to the form so we know what event they're registering for?Thanks!David
  • Profile Image
    ashwin_d
    Answered on June 08, 2014 at 11:49 PM

    Hello David,

    If I understand your requirement correctly, you want to use the same form for multiple event registration and payment and wand to know which event the users have registered for. Is that correct?

    Are you going to embed your form in multiple pages of your web site?

    Yes it is possible to achieve your requirement. You can add a "Hidden Box" widget in your form. Then you can take advantage of our "URL Parameter" feature to dynamically pass value to this hidden box. The following guide should help you:  http://www.jotform.com/help/71-Prepopulating-fields-to-your-JotForm-via-URL-parameters

    You can pass the URL parameter in your form embed code itself. Please take a look at the following form and see if this works for you: http://form.jotformpro.com/form/41563074869969

    You can embed this form with URL parameter or simply use the direct URL as well. Please check the following URL which will save two different event names:

    http://form.jotformpro.com/form/41563074869969?event=Test1

    http://form.jotformpro.com/form/41563074869969?event=Test2

    Your user will not be able to see the event name on form but you will be able to see the data in your form's submission page. If you need to show the event name in your form, you need to simply replace the "Hidden Box" widget with a normal textbox.

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    davidlozzi
    Answered on June 17, 2014 at 04:26 PM

    Excellent. To take the requirements one more step:

    The user can select multiple events to sign up for, and each event has a choice selection for costs (based on member pricing and such). I would need to send the form N events with an associated cost tier label and the cost value. something like

    Event 1 - Member Cost - $10

    Event 2 - Member plus Frield Cost - $15

    and then have them fill out one form for both events, and be charged for both events. I'm thinking I could do a delimited querystring value, but is there logic to parse this, and then display a list similar to the above?

    Thanks a ton!

  • Profile Image
    Mike_T
    Answered on June 17, 2014 at 05:35 PM

    I do not think that we can forward some custom products to the Payment tools, but we can populate a Total amount. To get the Total field on your form you will need to use a 'Custom Amount Payments' option. 

    Example of prepopulated URL:

    http://form.jotformpro.com/form/41676310694963?events=Event%201%20-%20Member%20Cost%20-%20%2410%0AEvent%202%20-%20Member%20plus%20Frield%20Cost%20-%20%2415&myProducts[price]=25

    URL sample can be generated with a Field Prepopulator App.

    If you need any further assistance on this, please let us know. We will be happy to help.

  • Profile Image
    davidlozzi
    Answered on June 18, 2014 at 08:25 AM

    Thanks Mike. I think this demo is good. One last question, can that text box be disabled, or formatted so that it's not a textbox, just a large label to the user?

     

    Thanks a million!

  • Profile Image
    Jeanette
    Answered on June 18, 2014 at 12:37 PM

    It could be formatted through Custom CSS like on my clone

    http://form.jotformpro.com/form/41684526282964?events=Event%201%20-%20Member%20Cost%20-%20%2410%0AEvent%202%20-%20Member%20plus%20Frield%20Cost%20-%20%2415&myProducts[price]=25

    Here you have the code I used:

    #input_3_donation {
        padding: 3px;
        margin-left: 0px;
        border: medium none;
        font-size: 1em;
        line-height: 1.071em;
        box-shadow: none;

     

    You can even add a color to it, using more custom CSS code