Passing info from form to custom URL

Ask the community
, , ,
1

Ok, So I want to build a custom form on my restaurants website to book reservations via yelp.

When you search for a booking on my page in Yelp, or by using their available widget it sends you to a results page that looks like [Yelp URL] /reservations/ [RestaurantLocation]?covers=[SizeofParty]&date=[Date]&time=[Time]

The problem with the Yelp Widget is it doesn’t allow for multiple locations. So I need to have one for each of my locations. Also, it just doesn’t match my sites branding.

I would like to create a form that lets users select their desired location, Date, Time and Size of Party, and the results redirect you to Yelps page with the search results.

Building the form is easy enough, with Fields for ”RestaurantLocation”, ”SizeofParty”, “Date”, and ”Time” but is there a way I can use the results to put that data Into the URL to search for that?

Thanks for any help.

2

Use wixLocation.to()

wixLocation.to(`https://yelp.com/reservations/${$w("#location").value}?covers=${$w("#size").value}&date=${$w("#date").value}&time=${$w("#time").value}`);

Put it under a button click

Note that you will probably need to alter the date value obtained from the date picker input element

3

Awesome! Thanks so much Shan!