Build a web app in to help customers choose the right product then customize it

We have a Wordpress and WooCommerce website that sells GPS Tracking Devices. Our customers are having trouble deciding which one is the correct one for their needs. We would like a web app with AJAX to help them choose and also give pricing, then the ability to add to cart. I would like this to incorporate AJAX or a similar technology so that the rendering is done on the same page. I do not want to be reloading pages or going from page to page. I envision several pictures across the top with nothing else. Maybe one that says “Vehicles”, one that says “Assets”, one that says “Other”. After the user selects the main topic, a new menu would be displayed. For example, if vehicles is selected their next options would be “car”, “truck”, “fleet vehicles”, “other”. As the user is progressing through the questions, a total dollar amount would be displayed. So, when they first select “Vehicle”, our cheapest vehicle tracker is $19.99 per month. That value would be displayed. Then if they add options such as global coverage, it would add $5.00 per month to their total. We also need the ability to have them select a Month-to-Month service, 1 year or 3 year contract. If they select month-to-month, then they will pay full price for the tracking hardware. 1 year, would be 50% discount, and 3 year contract is a free tracking device. Upon completion, they could add the product to a cart or maybe just goto checkout.