Help with User Input / Greater than, less than code

Ask the community
, ,
1

Hello!

I have tried searching for an answer to my problem but can’t seem to find anything.

I’m currently working on a website for a client who offers self catering cottage accommodation.

They use a booking system that sits within an iFrame on the site but the system isn’t advanced enough to deal with higher number of guests in one property.

What I mean by this is for example: one cottage can hold 7 adults, if the customer tries to book for 8 adults, the system just tells the customers there’s no availability rather than telling them there is an option to book multiple cottages to spread people out.

To get around this, I was looking to do a prequalifying user input section as follows:

  1. The user clicks book now
  2. Some drop down questions appear asking for how many adults, how many kids and how many infants
  3. If the user enters for example more than 7 people, when clicking next - it will load a certain page.
  4. If they enter less than that number, and click next, it will push them to the page with the iFrame to book through the booking engine.

Steps 3 and 4 are the sections I need help code wise - so wondering if anyone has an answer for this please? Any help would be appreciated.

Many thanks

Ben

1380×1154 140 KB

2

First of all, Wix do their own booking app if you are interested.
https://support.wix.com/en/wix-bookings/setting-up-wix-bookings

Otherwise you can use data filter or data query.
https://www.wix.com/corvid/reference/wix-data.WixDataFilter.html
https://www.wix.com/corvid/reference/wix-data.WixDataQuery.html

if you want to filter a repeater with holiday cottages displayed in it, then you can do something like this.
https://codequeen.wixsite.com/dropdown
https://www.youtube.com/watch?v=EhXed0u6wh0 - video for above link
https://www.youtube.com/watch?v=r0DLqkRDJ34
https://www.wix.com/corvid/example/checkbox-dropdown

Finally, if you are wanting to exchange data between the page and the html and vice versa, then you will need to use the on and post message functions from the html api, full code examples are shown too.
https://www.wix.com/corvid/reference/$w.HtmlComponent.html