Wim Posted June 3, 2017 Share Posted June 3, 2017 Hi everyone. My last attempt to find a solution here. Squarespace cannot give me a good solution but maybe there is another trick to do this. Hope someone can help me because I want to avoid to switch my business homepage to another provider.On my homepage I have a "make a reservation" editing form. On this form I have arrival date and departure date. What I need is when people click on the arrival date button that they see a visual calendar to click on the day they want. The same for departure date. Now you have the choice between a blank frame (as I have now) or date block which is basically the same. Results are that my customers make mistakes by typing wrongly. This is very annoying and should be avoided. Hope to find a solution.the link to my reservation page: https://camping-cul.com/reservations/Thank you for your help and suggestions,WimSwitserland Link to comment
paul2009 Posted June 3, 2017 Share Posted June 3, 2017 Hi Wim Great question! Although there isn't a date picker included with Squarespace, we've built a plugin that you can use to add one to a Squarespace form, available in any language. Full details are here: Date Picker for Squarespace Forms About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Wim Posted June 4, 2017 Author Share Posted June 4, 2017 Hi Paul, Thank you so much for your help.After years of trying I finally got it correct now. You are a lifesaver :-))I put the english drop down calendar in and it shows on both reservation forms: german and english.I would like to put in the german calendar too but I'm not sure where to do that. Just continue in code injection, Header, and continue to add ?? I have 11 lines now for the english code. Anyway, I'm over the moon happy here and would like to thank you again for your support.Kind regards from Switserland, Wim Link to comment
Wim Posted June 4, 2017 Author Share Posted June 4, 2017 Hi Paul, Thank you so much for your help.After years of trying I finally got it correct now. You are a lifesaver :-))I put the english drop down calendar in and it shows on both reservation forms: german and english.I would like to put in the german calendar too but I'm not sure where to do that. Just continue in code injection, Header, and continue to add ?? I have 11 lines now for the english code. Anyway, I'm over the moon happy here and would like to thank you again for your support.Kind regards from Switserland, Wim Link to comment
paul2009 Posted June 4, 2017 Share Posted June 4, 2017 Happy to help! I think you've added the code in the wrong place. I think you added it to Settings > Advanced > Code Injection > Header. This will affect the whole site and explains why it appears on both forms. Remove the code from here, and put it on the Settings for each reservations page instead. Whilst viewing the page, click Settings (appears on pop-up menu) then click Advanced at top of Settings page. Add the code and Save. About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
paul2009 Posted June 4, 2017 Share Posted June 4, 2017 Add the first block of code to the English page. If you've removed the old code, you should find that the German page is without the date-picker. Then add the second block of code the German language page. About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Wim Posted June 5, 2017 Author Share Posted June 5, 2017 Hi Paul, Can't thank you enough !I think I managed to put in both codes now. It looks much better than before.Let me know if I can do something for you. Unfortunately I'm not a computer expert LOL :-))Thanks again Paul, greetingsWim Link to comment
Wim Posted June 5, 2017 Author Share Posted June 5, 2017 Hi Paul, Can't thank you enough !I think I managed to put in both codes now. It looks much better than before.Let me know if I can do something for you. Unfortunately I'm not a computer expert LOL :-))Thanks again Paul, greetingsWim Link to comment
jma Posted August 28, 2017 Share Posted August 28, 2017 Paul, I too would prefer to have a drop down calendar instead of text fields for users to input a date on this page: https://www.boxittome.com/signup/. Which part of the code that you provided needs to be modified to refer to the ID of the boxes on my form? Thank you. Link to comment
KaiLeek Posted September 17, 2017 Share Posted September 17, 2017 Hi there Paul we are looking for this exact thing on our custom checkout form so a customer can select their delivery date - we currently use a text box for the customer to manually enter with a DD MM YYYY note in there in order to try and get around the US format in the date field!! Is this possible here or can we work around another way maybe by having this in a product form?? https://www.verdure.co.uk/flower-shop/ Many thanks Link to comment
hypemylimbus Posted January 15, 2018 Share Posted January 15, 2018 Awesome hint, thank you!is it also possible to use it in different languages? german, italian? idea- & graphic designer Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.