Make an order and payment form

Dina Rodriguez, of Letter Shoppe, uses a typeform to get custom art commissions from customers. She has to calculate a price for the commission, as well as collect all the information and inspiration she needs to start work.

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 it:

For this typeform, you need: a PRO+ account, Logic Jump, custom Thank You screens, Calculator, Notifications, Payment block, and remove Typeform branding.

If you don’t want to remove Typeform branding, you can use a PRO account.
1. Start off with a Welcome screen. Dina’s has no image, simply a welcome message that also explains how much time she has this month:

2. Next up, Dina needs to collect essential contact details, so we have a Short Text block asking for name, followed by an Email block.3. Now we can get on to the commission details. A Multiple Choice block asks which package customers want.

To make it more personal, she used Piping, using the answer to “What’s your name”.
4. Dina adds Calculator to this block – so the typeform keeps track of the price the client is going to pay:Here’s how to use Calculator.

5. Next, Logic Jumps guide people to different lettering follow-up questions, depending on their choice. Here’s Dina’s Logic Jump setup:

6. Then we have a Long Text block where customers can enter the text they want lettering:Find out how to add Logic Jumps here.

7. Another Long Text block asks for more information about the kind of illustrations clients are thinking of.8. Then Dina leaves space for clients to tell her why the commission is important. This will help her make the piece extra personal and special:

Now we have contact details and a description of the commission, it’s time to talk logistics!

9. A Yes/No block asks if the piece is needed quickly. For a price, Letter Shoppe will complete an order in under 2 weeks, so Calculator is added again to reflect this:Here’s the calculation Dina uses:10. Dina asks for some links of inspiration, so she can get a better understanding of what the customer wants:11. A Picture Choice block allows her to show printing options for the commission:Each has a different price, so again a calculation is added, keeping score of the total price variable.13. She uses a Legal block to give clients guidelines for submitting ideas, what is and what is not acceptable:With all this information, Dina can get started. But she gives people a chance to consider more before committing.

14. This Multiple Choice question lets people choose to pay right away, or ask more questions. Logic Jump sends people the right way – to a Payment block or Short text block where they can ask for more information from Dina.Here’s the Logic Jump to make this work:15. If someone chooses ‘Pay now’, Logic Jump will take them to the Payment block. This breaks down the order so far – piping in answers to previous questions, so people can see what they are paying for currently. Find out more about piping variables here.For more on using the Payment block, its requirements, and how to create a Stripe account, read this article.

16. When people answer ‘I still have questions’, Logic Jump takes them to a Short text block, where they can ask them!Once the Payment block, or final Short Text block are complete, the Submit button leads to a simple Thank You screen, with Typeform branding removed. Learn how to activate Typeform brand removal here.

Read more about Dina’s story here.

Was this article helpful?
Thanks!