TOOLS
NEW
TEMPLATES
BY TEAM
BY GOAL
BY WORKFLOW
Support
COMPANY
BLOG
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:
- A Paid account
- Custom Ending screens
- Calculator
- Notifications
- Payment question
- To remove Typeform branding
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:
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‘.
3. Now we can get on to the commission details. A Multiple Choice question asks which package customers want.
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?”.
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.
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.
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:
7. Another Long Text question asks for more information about the illustrations that 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 personal and special.
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.
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 question allows Dina 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.
12. Dina added a Legal question to give clients guidelines for submitting ideas, and to highlight what is and isn’t acceptable.
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.
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:
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.
15. When people answer ‘I still have questions’, Logic Jump takes them to a Short Text question, where they can ask away.
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.