Shopping basket: Multiply by quantity selected

Want your customers to be able to select from different products and quantities in a shopping basket?

Branching and calculations is equipped with Multiply and Divide to help make life easier. You can also do calculations on Number questions, making a shopping basket easy-peasy to set up.

In this article, we’ll explain how to use these functions to create a checkout for a shopping cart that adds up the price based on the quantity of a single product that a customer selects.

Let customers choose how many items to buy

You can create a checkout that calculates the total price a customer needs to pay based on the quantity of a particular item they want. Check out this example we created using plane tickets, then read on to find out how we made it.

 

 

Set up

1. Add a Picture Choice question that lists your items, each with a predefined price.

Screenshot 2024-04-17 at 15.52.30.png

Turn on Multiple selection in Question settings if you’d like people to choose more than one destination.

Screenshot 2024-04-17 at 15.55.46.png

This won’t change the following calculations!

2. Click the + sign next to Branching

3. Click + Add rule to start adding your calculations and add the corresponding amount to the price variable of each product.

HC_Warning_ilu_cropped.png
Warning! Make sure to choose Price (not Score)! You’ll need to add a Payment question to the typeform for this to appear as an option.

4. Add a follow-up Number question asking the user to confirm the quantity. You can use Recall Information to show the answer to question 1 and to display the chosen destination in the question.

Screenshot 2024-04-17 at 16.02.38.png

5. Click the + sign next to Branching again and set up your calculations up to multiply the price variable by the answer to this question.

2024-07-18_11-58-54.png

6. Add a Payment question, and make sure you set the Price to 0 (zero).

Stripe_blur.png

And that’s it! Here’s what the final form looks like with a nice theme from the Design panel.

Screenshot 2024-04-17 at 16.10.17.png

 

Was this article helpful?

Have more questions? Submit a request

Tap into our community knowledge

Find answers

Can’t find what you’re looking for?

Contact support