1. Help
  2. Advanced
  3. Do more with Typeform
  4. Make an order and payment form

Make an order and payment form

Dina Rodriguez, Founder of Letter Shoppe, uses a typeform to accept custom artwork requests from customers. Her typeform calculates a price for the commission, and collects the information and inspiration Dina needs to start work.

We caught up with Dina, who explained on our our blog how the typeform has helped her grow her business. Here’s a copy of Letter Shoppe’s typeform, feel free to play around with it (you won’t accidentally order anything).

Here’s how Dina built her order form:

For this typeform, you need:

You can create the typeform with a paid account if you don’t want to remove Typeform branding.

1. Start off with a Welcome Screen. Dina’s has no image. It’s simply a welcome message that also explains how much time she has this month:

lettering1.png

2. Next up, Dina needs to collect essential contact details. For this, she added a Short Text question asking for name, followed by an Email question. Both of these questions are set to ‘Required‘.

lettering2.png

3. Now we can get on to the commission details. A Multiple Choice question asks which package customers want.

lettering3.png

To make it more personal, Dina used recall information to address the customer with their name, by typing the @ symbol and selecting “What’s your name?”.

lettering4.png

4. Dina adds Calculations to this question, so that the typeform keeps track of the price the client is going to pay. Here’s how to use Calculations.

Make_an_order_and_payments_form_5.png

5. Three Long Text questions were added to ask for the phrase the person wants lettered. Only one question is shown to the respondent, depending on what package they choose. The questions are different because there’s a character limit on each of the three packages.

lettering5.png

6. Logic guides people to the follow-up questions, depending on their choice. You can find out more about how to set up Logic here.

Here’s how one of Dina's logical rules looks set up:

Make_an_order_and_pyaments_form_7.png

7. Another Long Text question asks for more information about the illustrations that clients are thinking of.

lettering6.png

8. Then Dina leaves space for clients to tell her why the commission is important. This will help her make the piece personal and special.

lettering7.png

9. Now we have contact details and a description of the commission, it’s time to talk logistics! A Multiple Choice question asks if the piece is needed quickly. For a price, Letter Shoppe will complete an order in less than two weeks, so a Calculation is added again to reflect this.

lettering8.png

Here’s the calculation Dina uses:

Make_an_order_and_payments_form_11.png

10. Dina asks for some links of inspiration, so she can get a better understanding of what the customer wants.

lettering9.png

11. A Picture Choice question allows Dina to show printing options for the commission.

lettering10.png

Each has a different price, so again a calculation is added, keeping score of the total price variable.

Make_an_order_and_payments_form_14.png

12. Dina added a Legal question to give clients guidelines for submitting ideas, and to highlight what is and isn’t acceptable.

lettering11.png

13. Now to move the customer towards payment. Dina added a Multiple Choice question to confirm the next steps. Here, she pipes in the ‘Price’ variable to display how much the person needs to pay.

lettering12.png

The Multiple Choice options are ‘Pay now’ or ‘I still have questions’. This will redirect the customer to the Payment question if they want to pay now, or a Short Text question if they have doubts. Here’s a peek at how the Logic looks:

Make_an_order_and_payments_form_17.png

Make_an_order_and_payments_form_18.png

14. The Payment question breaks down the order so far – piping in answers to previous questions using variables, so people can see what they are paying for currently. Find out more about using variables here.

lettering13.png

15. When people answer ‘I still have questions’, Logic Jump takes them to a Short Text question, where they can ask away.

lettering14.png

When the Payment, or final Short Text question is filled out, the Submit button leads to a simple Ending, with Typeform branding removed. Learn how to activate Typeform brand removal here.

You can read more about Dina’s story in our blog article here.

Tap into our community knowledge

Find Answers
Contact Support