• Hi,
    I want to create a custom form like following:
    https://www.wecasa.co.uk/domestic-cleaning/booking/?ab=1

    You can give any random address of UK to proceed next on the above booking form. When you go next, you will see that next page loads very quickly as if it is not loading the full page. Also it gives the feature of going backwards as well as updating the booking parameters in the right side.

    What I want to ask is how they are accomplish this booking form? Are they using single multi step form or are they using some other type of functionality for this form. I just want to know about it. I will implement it myself afterwards with custom code.

    Thank you for your help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator bcworkz

    (@bcworkz)

    Not any random UK address 🙂 The one I picked at random resulted in a response of the service is not available. I’m unsure of the experience you describe, but it sounds like the form sequence is achieved using Ajax techniques. Script makes a server request to send or get information and updates the current page accordingly. Pretty much any user experience you can envision can be accomplished this way. It might involve custom coding though. There are numerous custom forms plugins, but they only go so far in ability to customize.

    Thread Starter ans11

    (@ans11)

    @bcworkz Thank you for your reply. You can check the form with this following address:

    M37bp
    spectrum apartment
    Apt 300
    Blackfriars road
    Salford

    This is the random address, I checked this booking form with.

    Moderator bcworkz

    (@bcworkz)

    OK thanks for the usable address. I’m not entirely sure what the site is doing, but in any case the same user experience can be replicated using Ajax techniques as I linked earlier. It wouldn’t be literally identical, but the user experience would be exactly the same.

    In fact, you could come pretty close by just using a series of child pages since the URL changes for each screen anyway. Each screen is quite simple so a new page would load very quickly. The dynamic nature of each screen can be managed with custom script, either server side with custom page templates; or client side with custom JavaScript.

    Thread Starter ans11

    (@ans11)

    Yes I also thought to develop child pages but then I am afraid of slow speed of loading new pages.

    Thread Starter ans11

    (@ans11)

    I am also thinking of making a multi step HTML form. Its speed will be better as compared to loading new child pages

    Moderator bcworkz

    (@bcworkz)

    If the pages are kept simple they should load quickly, assuming your WP installation in general is reasonably quick.

    TBH, for myself I’m not that keen on multi-page forms which only have a question or two on each page. I’d personally prefer a multi-step form on a single page. Script can dynamically generate the next steps based on current selections just as easily on the same page as it could on multiple pages.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Custom booking form’ is closed to new replies.