Posts Tagged ‘payment’

How to Make a Booking Form

A booking form allows FormSmarts members to offer a fixed number of tickets for booking on a form, like on this demo.

A booking form

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.

A booking field with a Booking ID

Create an Event

To create an event, sign in to the API console and submit a POST request to the URL https://formsmarts.com/api/v1/events specifying:

  • 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…

Read about how the booking system works and how to manage events, view the status of bookings or cancel a booking.

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.

How to Create a Bill

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.
Online Bill Example

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

  1. Add a Text Box form control (widget)
  2. 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.
  3. Set its Allowed Content value to Positive Number
  4. 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

When you need to create a new bill, sign in to FormSmarts’ API Console to generate a new Pre-Filled URL with a fixed email and amount. Send the URL to the client in an email or text as a bill.

  • Set the Method to POST (Create)
  • 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.
The ID of a form is the alphanumeric string in its FormSmarts.com URL. For example, if a form’s URL is https://formsmarts.com/form/2301?mode=h5, its Form ID is 2301.

Generate a Pre-Filled Bill URL

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 blackhole@syronex.com
  • Preset the second input field (pf_f2) to 187.59
  • Prevent the user from modifying either fields by making them read-only (pf_ro1=1, pf_ro2=2)
pf_f1=blackhole@syronex.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.

How to Issue an Invoice or Support Check & Cash Payments

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

Form's summary page, confirmation email and PDF receipt showing the total amount due

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.

Check Payments

  1. Ask users to enclose a printout of the Summary Page with their check
  2. Scan the QR code with any phone or tablet to access the corresponding form entry on FormSmarts
  3. 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

  1. Create an online payment form with fees formatted as documented
  2. 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
  3. 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.

The Summary Page supports the same payment-related features as payment forms (except those for recurring payments), including discounts and discount codes.

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.

Introducing the New SuperCart Shopping Cart

We’ve completely redesigned the user interface of our SuperCart shopping cart to provide a more refined and intuitive user experience.

SuperCart: form with a minimized view of the shopping cart
Minimized view of the shopping cart

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:

  1. The customer first enters the information of the first participant and chooses the relevant registration options.
  2. 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.
  3. The customer is presented with two choices on the confirmation page: Continue Shopping or Proceed to Payment
  4. He can submit the form again as many time as needed to register more participants
  5. Once done, he can pay for all registrations
SuperCart: form with an expanded view of the shopping cart
Expanded view of the shopping cart

Please try our SuperCart demo and give us feedback.

How to Create a SuperCart Form

Building a SuperCart form is easy:

  1. Create a form with fees formatted like on any FormSmarts payment form.
  2. 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.
  3. 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

Multiple Forms

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…

Donations

SuperCart also supports donations.

Discounts

Flat discounts and discount codes are supported, but percentage discounts are not.

Notes

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.

Give Feedback

Please share your thoughts and feedback about the shopping cart. Post a comment or let us know on Twitter @FormSmarts or Facebook.

About the Form Builder Blog

The Online Form Builder Blog is published by FormSmarts, a web form service providing all you need to create a form and publish it online in minutes. FormSmarts makes it easy to build a form and embed it on your site. You can then get form submissions by email or store them on FormSmarts and download an Excel report. Learn more about the many other benefits of FormSmarts.