Posts Tagged ‘payment’
A booking form allows FormSmarts members to offer a fixed number of tickets for booking on a form, like on this demo.
To make a booking form, first create an event on FormSmarts with a preset number of slots (i.e. tickets, seats), then make a standard form with the form builder and add a booking field to it.
Create an Event
To create an event, sign in to the API console and submit a
POST request to the URL
- An event label like Online Security Class
- The number of slots available for booking
- The date & time of the event and its timezone
We can for example create an Online Security Class event with 100 seats that takes place on June 12, 2020, 1pm Eastern time with the following Request Data:
label = Online Security Class slots = 100 date = 2020-06-12 13:00:00 timezone = America/New_York
Add a Booking Field
Add a text box to the form, setting its Allowed Content property to Booking.
Guests should now be able to book tickets through a booking widget shown when they tap, click or move the form’s focus to the booking field.
A booking field only allows booking one ticket by default. You can configure the number of slots that can be booked and other settings with the Booking API.
Find Out More…
If you would like to create a booking form but your current FormSmarts package doesn’t support this feature, please ask us for a free trial.
We welcome your comments, questions and feedback.
FormSmarts offers a really simple way to create bills that customers can pay online: just create a billing form like the one below, then use a tool on FormSmarts.com each time you want to generate a bill for a specific client and amount.
Make a Billing Form
We only need to create the billing form once, we’ll then reuse it each time we need to create an invoice.
Here our example has two main input fields: an email field to uniquely identify the customer and a text box for the amount we want to bill them for. You can view and test the billing form. We’ve also made a slightly more elaborate example that allows a client to add a gratuity with a second amount box.
Note how both the Email and Amount Due fields are fixed: the values preset in the pre-filled URL can’t be changed by the client. We’ll cover how to do this in the next section, for now I need to explain how to set up the Amount Due input field so FormSmarts recognizes it as a fee to be paid by the bill recipient.
Add an Amount Box
- Add a Text Box form control (widget)
- Name the input field Amount Due ($ USD). The ‘Amount Due’ label can be whatever you prefer, but you must stick to the same format and specify the currency as shown.
- Set its Allowed Content value to Positive Number
- If you’ve already configured PayPal integration, you’re all set. Otherwise your need to associate your PayPal account with FormSmarts.
Create a Pre-Filled Bill
- Set the Method to
- Set the API Endpoint to
https://formsmarts.com/api/v1/forms/Form_ID/prefilled_url, replacing Form_ID with the ID of your form.
- Enter the Request Data as illustrated below and described in the documentation, then submit.
https://formsmarts.com/form/2301?mode=h5, its Form ID is
Preset Values & Make Fields Read-Only
We enter the preset value of the email and amount fields under Request Data, and make sure those can’t be modified by the user:
- Pre-fill the first input field on the form (
pf_f1) with the value firstname.lastname@example.org
- Preset the second input field (
pf_f2) to 187.59
- Prevent the user from modifying either fields by making them read-only (
email@example.com pf_f2=187.59 pf_ro1=1 pf_ro2=2
Find out more about how to pre-fill your forms and how to automatically generate pre-filled URLs if you need to create too many bills to do it manually.
Your can allow form users to get an invoice by specifying prices, fees and quantities directly on a form. When FormSmarts detects an amount of money on a form, we compute the total amount and show it on the confirmation page, the PDF receipt, and in the confirmation email.
FormSmarts helps you generate invoices and manage check and cash payments by showing the total amount due on the printable Summary Page of a form and in the confirmation email and PDF receipt that users can get on that page.
- Use this to generate an invoice when someone submits an order form
- If you’re using our popular payment form feature to collect online payments on your membership and registration forms, chances are that some of your customers will want to pay by check, cash on site or by any other offline payment methods. Use this feature to offer an offline payment option for your online payment forms.
When a form is set up to show a Summary Page when submitted, users may:
- Request a confirmation email
- Download a PDF receipt
- Print a copy of the information submitted with the form
Fees and priced items must be formatted with the FormSmarts payment integration syntax.
As illustrated above, the printout, PDF receipt and confirmation message all include a QR code to help you process payments more reliably and effectively.
- Ask users to enclose a printout of the Summary Page with their check
- Scan the QR code with any phone or tablet to access the corresponding form entry on FormSmarts
- Update the form entry’s payment status with a tag and add a note to record the check number
Cash Payments on Site
The Summary Page can also help you manage cash payments by allowing guests to show their confirmation email or PDF receipt (a.k.a. e-ticket) on their phone (or their printed receipt), that staff can scan to update the registration on FormSmarts. Since the amount due also appears in form response notification emails and PDFs, check-in staff can also reconcile e-tickets with the list of notification emails or registration PDFs even if there is no network connectivity.
How to Make an Offline Payment Form
- Create an online payment form with fees formatted as documented
- When you’re satisfied with the result, make a copy of the form with the Duplicate Form button ( icon) in the Forms Tab of the form builder
- Rename the form and set On Submission to “Show summary with print, email & PDF options” in the Submit Actions tab of the Form Details screen.
Can I Accept Online & Offline Payments on the Same Form?
One of the benefits of FormSmarts payment integration is that we won’t notify you until the person has paid so you don’t have to check this yourself each time. If you have a form allowing both online and offline payments, you won’t know which customers have paid online, so you’ll have to review each and every form response.
For this reason, we recommend that you create a copy of the form specifically for check payments and use the Summary Page setup described in the previous section, especially if there are several charges and fees on the form. You’ll then only have to track payments for entries pertaining to that form. You can make a copy of a form in a click with the Duplicate Form button in the upper right-hand corner of the form builder.
Offering a Check Payment Option on an Online Payment Form
If you are making a simple payment form that has a single payment option, you can alternatively include a check payment option on the form using radio buttons or a dropdown list with two options:
Registration Fee ($30 USD) Registration Fee (pay by check)
If the user doesn’t select the online payment option, FormSmarts will skip the payment step and send you the form entry immediately.
Note that people paying by check won’t receive any confirmation email.
We’ve completely redesigned the user interface of our SuperCart shopping cart to provide a more refined and intuitive user experience.
What Is SuperCart?
SuperCart is FormSmarts’ shopping cart.
SuperCart allows a user to submit multiple payment forms — each with one or more priced items on it — and pay for all of them at the end.
A typical use case for SuperCart is to allow a customer to register an open-ended number of guests for an event:
- The customer first enters the information of the first participant and chooses the relevant registration options.
- Once the customer has submitted the form, all fees and priced options are listed in the shopping cart. In the example below, the registration options for the first guest include two fees: Standard Registration and Lunch & Dinner.
- The customer is presented with two choices on the confirmation page: Continue Shopping or Proceed to Payment
- He can submit the form again as many time as needed to register more participants
- Once done, he can pay for all registrations
How to Create a SuperCart Form
Building a SuperCart form is easy:
- Create a form with fees formatted like on any FormSmarts payment form.
- Set the Return URL of the form to the FormSmarts.com URL given by the form builder. If you prefer to embed the form onto your site (which we don’t recommend with SuperCart), use instead the URL of the page where the form is embedded.
- In the Form Details screen of the form builder, set the On Submission option to Integrate with PayPal using SuperCart.
If you haven’t already done so, remember to set up your PayPal account for payment integration.
Advanced Use Cases
Most users set up SuperCart to allow their customers to submit one specific form (e.g. registration form for event A) multiple times to register multiple participants, as presented in the scenario above.
SuperCart however allows different forms within the same cart. This would allow, for example, members of an organization to:
- Buy or renew their membership
- then register for a first event
- then register for a second event
- then pay for the total amount.
And of course, what works for one member works for several…
SuperCart also supports donations.
The new shopping cart is only available with the latest generation of FormSmarts forms. If you’re still using an older version, please update your site now.