By following these simple steps, you’ll be able to create a customized order form that suits your specific needs in no time!
💡 Pro Tip: If your form is connected to an online payment method like Stripe or PayPal, make sure to use the default price variable for price calculations.
This variable is automatically available and usable in logic when you have a product field or have enabled payment settings with a selected payment method.
For forms without online payment integration, feel free to use custom variable fields for your price calculations.
Step 1: Create Your Order Form
Go to your Formaloo dashboard and click + New.
Choose a form or use a template to get started.
Tip: Start from a 200+ Templates if you want pre-built logic and layout.
🧩 Template:
For a ready-made solution, you can use this Online order form template to easily calculate additional prices based on user selections. Customize it for your needs to calculate total prices, including packaging and gift wrapping, and display the final price to submitters.
Step 2: Add Your Product Fields
You can add products to your online order forms or any form where you’re selling items, using the Product field.
This field lets you display product names, descriptions, prices, and even images, making it easy for users to choose what they want to buy.
⭐ Pro tip:
By adding product fields, the price variable will be added to your logic page and you can add additional prices to this variable via the advanced logic.
3. Additional pricing options
Sometimes the base product price isn’t the full picture, you might also want to charge for extras like packaging, gift wrapping, or shipping. Here’s how to do it:
1. Add a field for extras
Insert a Single Choice field (or Multiple Choice if customers can pick more than one) after the main product selection.
2. List each extra with its price
Include the cost in the option label so customers see it right away:
Standard Packaging – $5
Premium Gift Wrapping – $15
3. Update the total with logic
In the advanced logic, create rules such as:
Tip: Always display prices in the option label. It builds trust and makes the decision easier for customers.
📝 Additional Insights:
Learn more about how to calculate the price in the form using product fields and additional options like packaging or shipping fees in the article How to calculate the additional price in your order form.
4. Connect your payment gateway to your online order form
Before enabling payments on your form, you'll need to add your preferred payment method (like Stripe, PayPal, etc.) to your Formaloo workspace.
Add Your Payment Method:
Go to the Apps & Integrations section in your Formaloo dashboard.
Find the payment provider you want to use (such as Stripe, PayPal, Square), and follow the prompts to connect your account.
Complete any required authentication steps. This securely links your payment processor to Formaloo.
Enable Payments on Your Form:
Open your form, and go to the Settings tab.
Turn on the Form with payment option.
In the Payment Method dropdown, select the payment method you previously connected under Apps & Integrations.
That’s it! Now, customers who fill out your online form will see real-time pricing and can seamlessly complete payment right at submission.
Tip: Make sure your payment integration is tested before launching, try a test transaction to confirm everything works as expected.
⭐ Pro tip:
If you don't have any product fields and want to use single-choice fields for your products and calculate the price, the price variable will be automatically added to your logic page by enabling the "Form with payment" option.
📝 Additional insights:
How to add a currency to the product field: Learn how to add a currency to the product field in your form settings and enable payment features.
How to create a new payment method: Connect your payment gateways to Formaloo by creating a payment method in profile settings and enabling payments in your form settings.
6. Pipe the total price and show it to the user
It is a good idea to show the total price to the users at the end of your form, so the customers can see the calculation of their order before redirecting to the payment gateway.
To pipe the total price on your form, You should add a content field and write inside the description part like this:
Total price: {{price}} or @price
📝 Additional insights:
Learn more about how to use answer piping on your forms.