Can I make quite a complicated booking and payment system?

  • tomorrownight
    Asked on January 22, 2016 at 7:00 AM

    hey, i wanted to try and replicate this:

    SILLY BIRDS (4-13 YEARS):

    £15.00 per morning/afternoon session; £30.00 per day (see brochure for discounts and early bird offer)

    Easter Holidays

    Morning

    10:00 – 12:00

    Afternoon

    12:30 – 2:30

    All Day

    10:00 – 2:30

    Monday 4th April

         

    Tuesday 5th April

         

    Wednesday 6th April

         

    Friday 8th April

         

     

    May/June Half Term

    Morning

    10:00 – 12:00

    Afternoon

    12:30 – 2:30

    All Day

    10:00 – 2:30

    Monday 30th May

         

    Tuesday 31st May

         

    Wednesday 1st June

         

    Friday 3rd June

         

     

    Summer Holidays

    Morning

    10:00 – 12:00

    Afternoon

    12:30 – 2:30

    All Day

    10:00 – 2:30

    Monday 15th August

         

    Tuesday 16th August

         

    Wed’day 17th August

         

    Friday 19th August

         

     

     

    When someone clicks in one of the blue boxes it would add £15 to their paypal payment total.  When they click in the "all day box" it adds £30 to the payment. 

    whats the best way to do this do you think? 

     

    thanks

     

    LOve you guys - some of the best customer support on the whole internet!! 

     

  • hilltopkennels
    Replied on January 22, 2016 at 7:44 AM

    I've managed eventually (with a lot of cursing and head scratching) to get an online booking and payment system running for our boarding kennels and cattery. Downside is that with a LOT of rules, the rules behind the form tend to slow it down so it doesn't work so well on tablets or smartphones, though it's fine on desktops.

    You can pretty much achieve what you like from Jotform but sometimes you have to think laterally to achieve what you need so you can get round the rules limitations.

    What you're looking to achieve looks straightforward enough, though I'm assuming the form needs to change to show different dates all the time? You might be better asking people to select a date from a calendar picker, then choose Morning, Afternoon or All Day - then the system would record date + charge.

    Then give them the option to choose the next date (another checkbox) if they choose yes, just show them another date picker etc...

    Might need some logic added to make sure they don't choose duplicate dates etc

    Good luck!

     

    Simon

  • hilltopkennels
    Replied on January 22, 2016 at 7:45 AM
  • David JotForm Support Manager
    Replied on January 22, 2016 at 10:56 AM

    In addition to this, you can also find Booking form templates you can usehttp://widgets.jotform.com/search/Booking

    Also, we have a widget that you can use for booking purposes: http://widgets.jotform.com/widget/check_in_check_out

    Here is another guide that may be of your interest: http://www.jotform.com/help/337-How-to-Use-the-Limit-Dates-feature-in-a-DateTime-field

    Let us know if you have more questions.

  • tomorrownight
    Replied on January 22, 2016 at 12:36 PM

    thanks for that, but i dont think it would help if you wanted the first day and the last day and not the middle one. 

    but what about this i thought - 

    https://form.jotform.com/60212594532955

     

    if you see down the form where its says "Easter Holidays April" etc. 
    could i not get that to work whereby when they click in Morning it adds £15 and £30 for "all day" and then puts that into an invisible box and then just outputs that to the paypal bit? 

    that shouldnt slow it down too much should it? 

    thanks for all your help! 

     

    Adam

  • David JotForm Support Manager
    Replied on January 22, 2016 at 1:45 PM

    That can be accomplish by using conditions:

    1) First you will need to assign a value to the morning options: http://www.jotform.com/help/301-How-to-Assign-Calculation-Value

    2) To gather the total, it can be done with Form Calculation widget: http://www.jotform.com/help/259-How-to-perform-calculation-in-the-form

    3) In order to pass this to your payment field, then you will need to remove your product into separate Drop Down fields, assign them values, and calculate the whole total in another Form Calculation field, you can label as "Final Total". Then assign that fields value to the payment integration: http://www.jotform.com/help/275-How-to-pass-a-calculation-to-a-payment-field

    You can also insert calculation via conditions: http://www.jotform.com/help/268-How-to-Insert-Text-or-Mathematical-Calculation-into-a-field-using-a-Condition

    Let us know if you need more help, we will be glad to assist you.

     

  • tomorrownight
    Replied on January 31, 2016 at 5:07 AM

    Hey, ive done steps one and two exactly as it shows on the tutorials you linked.  I had left part 3 until i could get the first two steps working first. 

    This is what i came up with, its outputting 0.  Where am i going wrong? 

    https://form.jotform.com/60212594532955

    Thanks for your help.


    Adam

  • David JotForm Support Manager
    Replied on January 31, 2016 at 10:54 AM

    Click on the gear icon of you Form Calculation widget, then on "Edit Properties", and remove the zero value from the Default Result property:

    Can I make quite a complicated booking and payment system? Image 1 Screenshot 20

    Let us know if you need more help.

  • tomorrownight
    Replied on January 31, 2016 at 11:31 AM

    awesome!  that works well now thank you! 

  • tomorrownight
    Replied on January 31, 2016 at 11:36 AM

    my last question - is there a way of hiding unused tick boxes?  OR selecting them when someone ticks one of the boxes for "Morning", "Evening", "All Day" etc.?  OR adding a different label system. 

    https://form.jotform.com/60212594532955

    thanks

  • David JotForm Support Manager
    Replied on January 31, 2016 at 12:49 PM

    If you want to hide them from your email notifications, you can enable the Hide Empty Fields on Emails property:

    Go to the edit mode of your form, then click on Preferences>>Advance Settings:

    Can I make quite a complicated booking and payment system? Image 1 Screenshot 20

  • tomorrownight
    Replied on February 8, 2016 at 2:51 AM

    I really wanted to get rid of these boxes only, so that the user cant think that they are "all Day" or something and not ticks the others.  is this possible just for these boxes?   Or is there a creative way around it do you think? 

    thanks

    Can I make quite a complicated booking and payment system? Image 1 Screenshot 20

     

  • mert JotForm UI Developer
    Replied on February 8, 2016 at 5:08 AM

    Hi there,

    Instead using "Checkbox" field, you can use "Radio Button" field and create a new field for each date (4th, 5th, 6th) to overcome this issue. Please, see it from the below:

    Can I make quite a complicated booking and payment system? Image 1 Screenshot 30 

     

    To do that,

    Can I make quite a complicated booking and payment system? Image 2 Screenshot 41

     

    Also, we can minimize those fields to earn more space, if you want. By injecting some custom CSS to your form, you can achieve this. Below, you will see the necessary codes to do that:

     

    .form-line {

        padding: 1px 1px !important;

    }

     

    I hope this solution will meet your needs. Please, give us a feedback about it.

    Thanks.

  • tomorrownight
    Replied on February 8, 2016 at 5:15 AM

    thats a pretty good suggestion - but the problem is, its Morning AND/OR Afternoon OR All Day 

    which is why i had to choose the tick boxes in the first place. 

     

  • mert JotForm UI Developer
    Replied on February 8, 2016 at 7:36 AM

    In this case, we need to separate the "All Day" option from the "Morning" and "Afternoon", then we need to use "Enable/Require Field" Condition. Please, see it from the below:

    Can I make quite a complicated booking and payment system? Image 1 Screenshot 30

     

    Also, our condition will look like the below:

    Can I make quite a complicated booking and payment system? Image 2 Screenshot 41

     

    It's not the best solution; but it gives what you need. If your need different than this condition, you can also modify it with respect to your needs.

     

    Thanks.