I've created a Contact Form 7 playlist with a bunch of videos explaining how to do almost anything with CF7: kzread.info/head/PLlgSvQqMfii5Q05RFNFaZhTbPomLfZssV If there is something missing that you want to learn just request it in the comments and I'll see what I can do. Until then, checkout the playlist: kzread.info/head/PLlgSvQqMfii5Q05RFNFaZhTbPomLfZssV

@Fairvalues

7 жыл бұрын

Can you provide instructions on how to create a form with date time range - not just date picker?

@Fairvalues

7 жыл бұрын

I messaged you on FB requesting help to create a form with date and time range so that my vendors can set the duration of an appointment and not just the start time. - I'm willing to pay for the intruction. Thanks.

@internetfree3520

6 жыл бұрын

hello.... can you help to make tutorial of contact form7 cost calculation extension... thank you so much...

@aayushseth69

5 жыл бұрын

Hello, How to select to & from date to take a rental booking.

@MarinoBaccarini

5 жыл бұрын

Sorry but this isn't a Booking Calendar suitable for hotels because there is just one field for the check-in date and no check-out field. To me it's more of a Scheduler and nothing more.

Dude, this rocks. I've never seen anyone be able to explain Contact Form 7 as articulately as you.

@wplearninglab

7 жыл бұрын

+Gimme Taco Sweet, I try my best. Thanks for watching!

Excellent! Thanks for being straight to the point in your videos 💥👍🏻

The best youtube channel about WP !! Pura Vida !!

@wplearninglab

6 жыл бұрын

Thanks Iván, that's how we roll : ) Thanks for watching!

Hi. Thanks for your amazing videos. They are helping me enormously!

Worked perfectly. Was going to put Events manager or WooCommerce Bookings until I saw this nifty little trick.

@wplearninglab

5 жыл бұрын

Hey Nickie, I'm happy it helped. Thanks for watching!

FYI, Datepicker has been shut down due to security issues since last year.

Your tutorials are very good. It is very helpful for learning and understanding the new things.

@wplearninglab

6 жыл бұрын

Thanks Rahul and thanks for watching!

Thanks! This was really helpful!

@wplearninglab

6 жыл бұрын

You're welcome Dusan, I'm happy it helped!

Absolutly Awsome. Thank you very much.

@wplearninglab

7 жыл бұрын

Sweet, I'm glad it helped. You might also want to check out this video on adding conditional fields to a form. And the Caldera form builder has the date picker built right in as well. There's a free and premium version, but the free version does pretty much everything: kzread.info/dash/bejne/n5qi1JewpdLRZJM.html

Hi ! Great video. Thank you. Do you know if it is possible to add an event to a google calendar ? Tks for your help

thank you - great tutorial I am looking for a date picker plugin that does not let users pick any date before today. Any suggestions? thank you so much

Can I enable a time interval selection inside the calendar, if I want to embed this calendar in a hotel booking service, for example?

Hi, thanks for tutorial. Which paid option do you recommend which can work together with conact form 7? I am trying to build a form where people can choose a timeslot, and the time dissapears after chosen. Could you please give me the names?

WordPress Booking Calendar Using Contact Form 7 & A Datepicker kzread.info/dash/bejne/p3-Np61qqZPOfs4.html

@1981omid

6 жыл бұрын

thanks much for sharing this with us. can you please advise how I can exclude days or hours. for example I don't want people to book any appointment on Monday.

@wplearninglab

6 жыл бұрын

Hi Omid, I have to do some experimentation this week to see if I can get it done using this add-on plus some custom Javascript.

Thank you so much, sir, it was really helpful

@wplearninglab

5 жыл бұрын

You're welcome Mamun, thanks for watching! Let me know if you have any questions :)

Hello, would you be kind to tell me how could I display the date picker form that would be synchronized with google calendar? I can't even find a paid option to achieve that. Thanks!

Awesome....I have subscribed your channel

@wplearninglab

7 жыл бұрын

+dipak bhulku Sweet, thanks for the sub Dipak. Much appreciated!

Contact form 7 datepicker was last updated 2 years ago. Will it work if I install and can it cause any damage to my website?

Hi, the plugin doesn't seem to work if I have "Contact Form 7 - PayPal & Stripe Add-on" activated. Any idea how I can go about that? I am trying to do a simple booking form with a payment on next page and figured the date picker for picking the booking date would be cool. PS: Congrats on your 3rd child! (just read your comments)

The date picker also allows choosing past date and time. How to avoid that? Also, is there a newer plugin which does this better?

You are super heroooooo, thanks so much for your help

@wplearninglab

6 жыл бұрын

No, you're super hero! :) You're welcome, thanks for watching!

I think contact form 7 datepicker is no longer available, what is the alternative?

Hey! First of all - thanks for your awesome video! It really helped me out with CF7. Is there a chance to relate two dates with each other? So that 'date one' could be an arrival and 'date two' a departure date? Important: I want to avoid that the second date could be selected as earlier than the first date... Thank you very much! :)

Nice! How can I customize it with a clock interface overlay???

How can I schedule a reminder auto respond mail to send on the date mentioned in the form?

can I add a calendar icon so the user can click on the icon and then the calendar will pop up?

i added many select to the dropMenu but it did not display

Hi great tuts man.. Btw is this possible with Gravity forms? I haven't tried that form because I really don't want to pay for plug ins

Thanks alot but is there any way to display contact form 7 data on table press or webpage to show it to my employers

Hi! Any other choice? beacuse i can't find this one!

hello sir can we increase or decrease the font size of dates within date picker.

They date picker doesn't work at all in my site! No matter what settings I try, it just won't show the calendar and/or the time. Not sure if it's a theme compatibility or what? Using Bridge theme with VC. You mention in one of your comments that Gravity or Ninja forms are much more responsive. Since they're both very expensive, do you know if they offer a free version that can have this functionality, (date, time)? I can't seem to find this info...thank you so much!

Hi, i followed your instruction, then i try to create a test, i am getting this error " Invalid time supplied". please advise.

My issue is that it doesn't give me the option of the 'datetime' form-tag generator and if I type the code shown in the video and click 'save', on my website it just shows the code and no Date/Time field

Two questions man. What is the name of the place to get the paid date picker so I can get it and how do you make the service drop down box? Showing what you offer?

how can i put specific services and customer will select one of theme

hi can i add this calendar to my system using java ?

Hi, I can't find the plugin "Contact Form 7 DatePicker". Can you please tell me where to find it? Thanks a lot!

I followed the steps for contact form 7 datepicker but in that come to me the date and time is not there, the email for customer does not show up. can you advise please thank you.

can u tell me where the plugin contact form 7 datepicker

Thanks for your helpful tutorials.... but my time and date not working.. time-format:hh:mm:tt when i submit.. Invalid date and time supplied.

this addon is no longer in wordpress what should I do now

Thank u so much man...@ I solved my problem with this video...@thank u..@ Venu Koppula

@wplearninglab

6 жыл бұрын

You're welcome, glad I could help. Thanks for watching!

I've done my contact form , with 3 drop downs below the destinations like so BYDALEN: Little car 1795kr Big bil 1995kr Returntrip (alone) -10% VEMDALEN: Liten bil 2395kr Stor bil 2595kr återresa egen -10% etc etc how can i make that into what you did in this video? my tags are [Bydalen] [Vemdalen] [Are] But I can't really put a Bydalen tag into someone who has booked transfer to Vemdalen, Like if someone booked a small taxi to Vemdalen 2395kr, he/she should be able to get that in the mail instead of Bydalen small car 1795kr if that makes sense... What must I add?

my datepciker does not show for some reason

i can't find the datepicker plugin? Is it already integrated now with regular contact form 7?

@baztheman

4 жыл бұрын

@Dave Turring So what is the alternative?

Unfortunately this plugin hasn't been updated for 3 years.

superb! cf7 tut.

@wplearninglab

7 жыл бұрын

+Darius D'Silva Thanks Darius, and thanks for watching!

Great video, thanks! That plugin is no longer maintained, can you recomend a good replacement?

@freelanceandtravel

4 жыл бұрын

Jeffrey if you have another plugin that is compatible let me know!

Hi! Love your tutorials. Can you set it to allow user to pick multiple dates? Thanks!

@wplearninglab

6 жыл бұрын

Hi Darren, You may be able to add multiple instances of the calendar input into a form, but CF7 isn't really designed for that. With tutorials like this I feel like we're reaching the limits of what CF7 can do. There are some great plugins made specifically for true booking calendars. I'm going to be creating some tutorials for those in the near future.

@darnfxo7649

6 жыл бұрын

WordPress Tutorials - WPLearningLab Thanks for the response. Will be waiting for that.

hello.. i have a question.. can we make calculation for our booking using contact form 7?? would you like to teach us... i believe many of us want to know about it... thanks :)

I guess you missed my attempts to make contact. Here is my question again> Can you provide instructions on how to create a form with date time range - not just date picker?

Is there a version that is better mobile optimised which also still includes the time picker as well?

@wplearninglab

6 жыл бұрын

Not with contect form 7, but if you're willing to switch to a form builder like Ninja forms or gravity forms they have much better mobile optimization. I hope that helps and thanks for watching!

Your video is informative, but I´m looking for a weekly day off if the shop is closed for example Wednesdays. How can I realize it?

@1981omid

6 жыл бұрын

that's my question too. any answer on this? I would also like to exclude some days or hours from booking but not sure how.

HI ,is possible put limit in the datepicker ,something like ,selecting only one week

@wplearninglab

5 жыл бұрын

Hi Marcelo, I haven't done it myself yet, but it appears to be pretty easy if you follow this help thread: stackoverflow.com/questions/18515921/contact-form-7-datepicker-date-range-between-2-dates I hope that helps and thanks for watching!

I have subscribed your channel! Great your videos. I need the min-date to be the same as the current date. How to do in this case?

@wplearninglab

6 жыл бұрын

Hi Jose, Thanks for the sub, much appreciated. That function isn't built into the plugin. I'll have to see if there's some Javascript code that can be used to set the min-date as the current date.

Looking for basic contact form Senior Calendar

Hello, Thanks for the video. It was very helpful. I am new in WP and still learning. Created a website and i have chosen Country Inn Theme. But my booking button is not visible on a mobile phone. Can you pls help me? Thanks Maria

@wplearninglab

4 жыл бұрын

Hi Maria, Good work getting started building your website, that's the best way to learn :) The first thing I would do is make sure all your plugins, your theme and your WP core files are up-to-date. Sometimes out-of-date things on your site can have all sorts of weird implications. It can even be a plugin that's not related to CF7 that's causing the problem.

Hey! Awesome video! How do I put in a drop-down to any of the fields? I'm trying to sell show tickets and want a quantity selector. How do I do that? A quick reply by anyone would be HIGHLY appreciated.

@wplearninglab

6 жыл бұрын

Have you tried the [select] shortcodes inside the CF7 builder?

Great video but you did not show the drop down option. Also how did you do the sticky head menu? Thanks

@wplearninglab

5 жыл бұрын

Hi Eddi, This is what I use to make header menus stick when the theme or page builder doesn't have the functionality: kzread.info/dash/bejne/d2SAxY-io5Wqj7Q.html I hope that helps and thanks for watching!

Hi any idea how the disable the calendar or to not show at all just in mobile view the datepicker? The standard one from contact form 7 it is more friendly on iPhone Thanks

@wplearninglab

7 жыл бұрын

+Mihai Mircea Hi Mihai, you could possibly hide it using CSS and media queries. Or with jquery. Are you familiar with either of those?

@mihaimircea364

7 жыл бұрын

Hi thank you for your reply Yes it will be really really helpful if you can give me the code or the class Whatever code I try it it will disable in desktop mode too I am using Contact Form inside of the slide revolution with your help code from your website I manipulate the style of it I do love to have the calendar in desktop mode but not to show in mobile view that is give me an headache lol much appreciate if you can help me figure it out thanks again

@wplearninglab

7 жыл бұрын

+Mihai Mircea Hi Mihai, I think I can help you out. Can you send me a link to the page with the contact form?

@mihaimircea364

7 жыл бұрын

WordPress Tutorials - WPLearningLab Well thank you I publish the page and activate contract form 7 datapicker www.mihaimirceaphotography.com/contact-us/

Hi there... I have a question... Is there a form that will be like a search window. So that once you put the date it will show you if your available or booked?

@wplearninglab

6 жыл бұрын

Hi Blazej, there are services like that, but contact form 7 isn’t one of them. I use a scheduler called Acuity. In Acuity I can set the days/hours I’m available to be booked and the calendar shows people which times/days I still have available. Once someone books an appointment, it is instantly removed from the scheduler so it can’t be double booked. I hope that helps and thanks for watching!

Hi! How do I remove the "close" button in the datepicker? I have CF7 working with the Popup maker and when I click on the "close" button in the datepicker, I close the entire popup window. thanks

@wplearninglab

6 жыл бұрын

You should be able to hide it using CSS. Are you familiar with using your browser's inspector and where to put CSS in your theme?

hi, how do you change the language of the date picker? Is there a simple way, or do you have to bite the bullet and tinker with the css and js of the plugin? thanks

@wplearninglab

7 жыл бұрын

Hi Alex, Good question. I haven't changed the language of the datepicker before, but my feeling is there is no simple way. You could either change the files of the plugin, but then updates would undo your changes. Or, as you suggested, change it using JS. I would recommend using jQuery. There's a cool .replace() jQuery function that will replace specific text as long as you can select it. You may be able to really easily replace the datepicker text. Check out this StackOverflow thread: stackoverflow.com/questions/8146648/jquery-find-text-and-replace and this JS Fiddle from that thread: jsfiddle.net/2EvGF/ I hope that helps and let me know it goes!

@themathtechguy8559

7 жыл бұрын

thanks for the reply. I actually did it using jQuery but in a different way :).

@wplearninglab

7 жыл бұрын

+Alex Gunagwera Sweet, good work! Im a big fan of jQuery.

@themathtechguy8559

7 жыл бұрын

all right. but am having some confusion with the email right now. All the other things are working fine as shown in your videos but for some reason. email are not getting delivered to the domain email no matter where I put it( in the to, or from fields). That domain email is not getting the emails. but all other emails are being delivered as they should. Even Cc and Bcc fields work fine. What could the problem be o.O ?

Hi Bjorn, I do not get the datepicker working... followed your instructions to the letter and click. Have got a new field, but the Datepicker does not open when clicked on. Not in Firefox, not in Chrome. Am on Win10/WP with Enfold theme, CF7 installed, the lot.. any suggestions?

@wplearninglab

6 жыл бұрын

Hi Marten, It could be a theme or plugin conflict. Can you check to make sure all your plugins, your theme and your core files are up-to-date?

perfect

@wplearninglab

3 жыл бұрын

Thanks and thanks for watching!

Help!!! Followed instruction but for what ever reason when you change the time-format to hh:mm:tt when you try to complete the form you get an error message; invalid date and time supplied. If you take out tt it goes through but you do not see am or pm when selecting.

@jasonmckoy243

7 жыл бұрын

Ok, i think I found a work around. Not sure if it will hold up but it atleast lets me submit forms with out being in millitary format. I changed it to hh:mm_tt (underscore had to be used). Also i noticed a zero in front of time which also may be weird for some folks who picks evening hours. So finally changed the code to h:mm_tt (just one h) seems to work.

Thanks, great video but when I make the adjustment to the time (hh:mm:tt), it gives an error message of invalid. Any idea why this would be?

@wplearninglab

6 жыл бұрын

When does it show the error message? After you try selecting a date?

@thebucketguy9034

6 жыл бұрын

No the error appears when I hit submit. (fluffypuppies.ca/1317-2/) By the way, I also used your other video about styling CF7. Very helpful, just need to figure out the 'triangle' that shows a dropdown menu (see type of service required).

thanks for the video , i just want time pick only not date .. can you please suggest my about that ??

@wplearninglab

5 жыл бұрын

Hi thanks for reaching out. This plugin is a date picker so that option is not available. Have you thought about adding a field in say checkboxes with available times or just putting a textbox and allowing them to write it? Let us know if that helps. also be sure to join our Facebook Group WP Learning Lab facebook.com/groups/wplearninglab/ where a very enthusiastic and supportive WP community awaits you. Regards Nickie

@UmerFarooq-ug1qt

5 жыл бұрын

@@wplearninglab thanks for your kind reply .... do you have video or example about that idea that you told me ...

is there a way to remove the Time option, I found out that I can hide it using CSS, but then when a date is picked, the time of 0:00 still inputs into the field. Can this "0:00" be removed?

@leuiga

6 жыл бұрын

yeh, just used [date...] rather than [datetime...]

hello, I need help urgently. when I use caldera form in beaver builder modal popup the date picker does not work properly how can I fix it

@wplearninglab

6 жыл бұрын

Hi Nugzar, It sounds like there's a conflict between the modal popup and the caldera form. There are a lot of things could be wrong and it's usually not a quick fix. There isn't much I can do without seeing the form and having access to the site. And even then it may be that two plugins don't work together in that way.

Excellent update, even if I am late to the party. Can the received data be passed into a calendar? I wish to provide a calendar to a small group of authorised users to show a booked appointments and enter appointments. Unauthorised users on get a notification, not able to see the calendar.

@wplearninglab

6 жыл бұрын

Good question Alex, The answer is yes, but not with CF7. At least not easily with CF7. What I show in this tutorial doesn't input data into your database, which is required to output a calendar of booked appointments. Have you looked into using services like Calendly or Acuity Scheduling?

@AlexBarrettOWI

6 жыл бұрын

WordPress Tutorials - WPLearningLab Calendy looks to be suitable. Thank you.

Greetings! Thanks for the video. I'm practicing using "My calendar". Now I want that under events users be able to choose and see events ONLY in one country country at a time. If you want you can see practicas.html-5.me/ I put a drop-down menu under events but if I choose a country, I get events from every country. Could you tell me what to do so that that does not happen or another option? Thank you.

Can you make a video showing how to add custom field boxes in the product page on WordPress. Thanks 😊

@wplearninglab

5 жыл бұрын

Hi King, What types of custom field information do you want to add to WooCommerce?

@kingslayer9584

5 жыл бұрын

A text box for example for the potential customer to mention some specific instructions regarding a product or even a checkbox.

Hi, very good tutorial you provided here ! Like all the others, easy to follow and very understandable videos , even for the code noob I am ! I'm having some difficulties though in finding out on how to customise the colors of the datepicker; I see the different themes, but have no clue which file should be changed, css, js....i've been looking through all the plugin files...but am really lost. I would just like to customise a provided theme so the calender matches up nicely with the website. I would greatly appreciate your help and advice.

@wplearninglab

7 жыл бұрын

Hi Matthew, There are a lot of steps in customizing the appearance of the date picker. It'll be best for me to create a tutorial about it. I'll let you know when it's published!

@Cgmatt

7 жыл бұрын

This would be awesome indeed ! Another thing I've noticed is some people saying it's not responsive, is this true ? Because when this is the case, i should look for another sotlution.

@Cgmatt

7 жыл бұрын

Just tested on iphone, seems responsive enough to me ;) Impatiently waiting for your tutorial. Thanks a bunch !

@wplearninglab

7 жыл бұрын

+matthew boerjan Hi Matthew, responsiveness can be affected by where people place their form and how their form is created. If used normally, responsiveness of the date picker isn't a problem.

@wplearninglab

7 жыл бұрын

+matthew boerjan Hi Matthew, I'll try to get this tutorial online as quickly as possible. We'll see how it goes!

modifying the time format from time-format:HH:mm to time-format:hh:mm:tt invalidates the form field when submitted. Anyone experience the same problem, if so, did you find a work around?

@kwakueason3379

4 жыл бұрын

In case this helps anyone. I had the same problem as John and found a solution. Change time format line to the following : time-format:hh:mm_tt .So replace the colon between minutes and "tt" with underscore instead. This solution was obtained from github.com/relu/contact-form-7-datepicker/issues/63. Good luck!

The video is very helpful.... but one problem there is no option to select PM or AM on time

@wplearninglab

5 жыл бұрын

Hi Sarmad, Does your time format option have TT at the end? For example: time-format:HH:mm TT I hope that helps and thanks for watching!

How to exclude time?

I suppose this is out of date? don't see that plugin when looking in the plugin repository on my site.

@wplearninglab

3 жыл бұрын

Hey Blake, yeah, if plugin isn't in the repository you'll have to try a different plugin. Do you want a booking calendar that is built into CF7 or do you just want a booking calendar?

there is only a date no datetime on my contact form set up?

@saqhussain8510

6 жыл бұрын

'Date' and 'time' are default on the form. You need to download and activate the 'datepicker' plugin before 'datetime' becomes available. I'm no expert, but i had the same issue. Hope that helps

What about paid event ticket with printable pdf ?

@wplearninglab

5 жыл бұрын

Hi Avijit, that would be very difficult to do with CF7. I have an event ticket website tutorial coming out very soon which should help you. Thanks for watching!

Hii... nice video... I am looking for above features in the plugin: 1. Individual as well as staff appointment (payment for booKing an appointment) 2. Mass bookings (for workshops and classes) 3. Booking as per the service 4. Who can book option (for workshop and appointment anyone and for classes only member) 5. Affordable for startup

@henrietteskov5805

4 жыл бұрын

Same here :)

Hello, how to translate words: Time, Hour, Minute?

@wplearninglab

5 жыл бұрын

Are you using a translation plugin?

Sir, How to disable user to select dates before the current Date in Date Picker means user cant select the past dates? & How to use materialize CSS to make contact form more User-Friendly.

@wplearninglab

6 жыл бұрын

Hi Rahul, As far as I know there is no setting for that in this plugin. I'll have to do a little research and get back to you!

@rahulpamnani6574

6 жыл бұрын

Okay. Thank You Very Much, Sir.

how can i do how many people Adult child price adults price childs

@wplearninglab

5 жыл бұрын

Sorry for the delay in responding. Our third child arrived 12 days ago and it's been a bit of a gong show around here 👶 You could use the Contact Form 7 Conditional Fields plugin to do this. I have a tutorial for it here: kzread.info/dash/bejne/Y3WFp8-ek8WWnJc.html I hope that helps and thanks for watching! P.S. If you haven't yet, check out the WPLearningLab Facebook Group: facebook.com/groups/wplearninglab See you there!

The datapicker plugin not exist anymore. :(

@wplearninglab

6 жыл бұрын

This is it right here: wordpress.org/plugins/contact-form-7-datepicker/ It hasn't been updated in a while, but it still exists. I hope that helps and thanks for watching!

at mobile, I don't see that date picker. It's on google chrome. have any solutions. website zippsliquor.com/event/ Date of Event field.

I followed these steps exactly and thought I was on a roll but I get configuration errors when trying to add the datepicker tag :-( Ugh, I HATE CF7!! Why does this have to be so hard? lol

@wplearninglab

7 жыл бұрын

+James Cadamy Sorry about your frustration James. Can you copy/paste the error message into a comment here?

I just started up a relevant channel and have been adding content weekly, stop by when you ahve a moment!

@wplearninglab

6 жыл бұрын

Thanks, will do!