-
tomorrownightAsked 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!!
-
hilltopkennelsReplied 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
-
hilltopkennelsReplied on January 22, 2016 at 7:45 AM
A link to our form is here: http://www.jotformpro.com/hilltopkennels/hilltopbooking
-
David JotForm Support ManagerReplied on January 22, 2016 at 10:56 AM
In addition to this, you can also find Booking form templates you can use: http://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.
-
tomorrownightReplied 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 ManagerReplied 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.
-
tomorrownightReplied 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 ManagerReplied 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:
Let us know if you need more help.
-
tomorrownightReplied on January 31, 2016 at 11:31 AM
awesome! that works well now thank you!
-
tomorrownightReplied 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 ManagerReplied 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:
-
tomorrownightReplied 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
-
mert JotForm UI DeveloperReplied 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:
To do that,
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.
-
tomorrownightReplied 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 DeveloperReplied 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:
Also, our condition will look like the below:
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.