How to Use QR Codes to Deliver Online Forms to Mobile Users

As more users are accessing online forms through a mobile device, we’ve added two ways to share a form with mobile users. Each form now comes with it own QR code and short URL, to be found in the Form Publishing Options screen of the form creator. We’ve also made it easier to embed a form on Facebook.

Why Mobile Users Are Important

  • Users are increasingly accessing online forms on the go through their iPhone, smartphone, iPad or other tablet. Recent figures from market research firm IDC suggest that by 2015 more US users will access the Internet through mobile devices than through traditional PCs.
  • Online form publishers can and should take advantage of the QR code scanning functionality available on mobile devices to bridge the gap between offline and online content. A QR code is a type of two-dimensional (2D) barcode popular in the mobile industry and for which free scanning apps are readily available for (if not built in) most mobile platforms. By printing the QR code provided by the form builder on ads, posters, fliers, and any paper form or document (mobile tagging), you’re allowing mobile users to access an online form without typing, simply by scanning its QR code with their phone. Avoiding typing is a convenience for users, and it also eliminates the risk of errors when entering the URL.

Share a mobile form with its QR Code

QR Code vs. Short URL

For those cases where distributing a QR code is not practicable and for mobile users who haven’t yet installed a QR code scanner on their phone or don’t know how to use it, we’ve also made all online forms accessible via a short URL such as https://f8s.co/7kb. If this doesn’t fully eliminate typing, it at least makes typing a form URL a less frustrating experience and shows mobile users you do care. And again, it reduces the risk of making an error when typing the URL.

Excel Report Generator Upgrade

If you’re using FormSmarts’ Export to Excel feature, you may have already noticed that we’ve updated the report generator. As well as several other minor changes, we’ve added a second way to specify the date range over which the report is generated (in addition to selecting a start and end date) by choosing a preset time period. This is meant to further simplify the task of generating a report. The preset periods available are Today, Yesterday, This Week, Last Week, Last Seven Days, This Month, Last Month, Last 30 Days.

For the time period options that depend on the first day of the week (This Week, Last Week), we use the default for your country, as set in your account. You can change this in the Report Generator under More Options.

Give Us Feedback

Do you find the new date range feature useful? Which one do you anticipate you will use most? Should we add more (e.g. quarter)? Please give us feedback by posting a comment, via Facebook or Twitter.

PayPal Integration in Two Steps

FormSmarts PayPal integration is as easy to use as our popular PayPal form feature, but it provides several additional benefits, mainly:

  • FormSmarts only notifies you of a new registration (or more generally, payment form submission) after the payment is confirmed and verified (no need for manual verification)
  • Your customer receives an automated email receipt with a copy of the data submitted and a payment confirmation. For registration forms, this can work as an e-ticket.
  • PayPal Integration works seamlessly with other FormSmarts features (export to Excel, PDF reports, API).

What Are the Benefits of PayPal Integration?

FormSmarts’ old PayPal integration was easy to use and set up as it required no change to your PayPal account. A downside to this was that FormSmarts had no way to know if the payment went through or not, and you — the seller — had to manually reconcile payments and the corresponding form responses using the FormSmarts Reference Number. That was usually not an issue for small sales volumes, but could quickly become so as sales increased. We’ve now fully automated payment processing and integrated it with the form processing platform. Here are the benefits:

  • No need to manually reconcile form responses with payment notifications from PayPal
  • The seller is only notified of a registration/order when the payment has gone through
  • The transaction won’t appear in Excel exports until the buyer has paid
  • FormSmarts verifies that the payment details match data submitted on the form (e.g. amounts, quantities)
  • Excel exports combine data submitted through the form and details of the corresponding payments.
  • FormSmarts sends a confirmation email to the buyer with both the order details and a payment confirmation. If you have verified your website and uploaded a logo, your site URL and logo will appear in the email.
  • Payment processing is fully automated and if you’re using online/PDF reporting or export to Excel, your registration forms are on autopilot.
  • You can further automate processing or integrate FormSmarts with your website or another web service using the FormSmarts API.

Setting Up PayPal Integration

This video shows how to set up your form and set up your PayPal account for PayPal Integration.

Add Fees to the Form & Set It Up to Integrate with PayPal

To set up PayPal integration, first create a payment form with prices formatted as shown in the PayPal integration page of the site. Then visit the Forms tab of the form builder and select Integrate with PayPal in the Submit Actions tab of the Form Details screen, as illustrated below.

Select Advanced PayPal Integration in the Form Builder

Add Your FormSmarts Notification URL to PayPal

It’s now time to log in to your PayPal account to add your Notification URL. PayPal will use this URL to communicate with FormSmarts. You’ll find your notification URL in the Security Settings section of your FormSmarts account. The URL contains your private security key, so don’t share it with anyone.

Use this link to access the Instant Payment Notification (IPN) page of your PayPal account, then tap Edit Settings and paste your Notification URL in the box as shown on the screenshot below. Make sure Receive IPN messages is enabled before saving.

Turn On PayPal IPN Notification

You can alternatively navigate to the IPN Settings screen from the homepage of your PayPal account.

Payment integration will not work until you have added your FormSmarts Notification URL to your PayPal account.

Did You Link Multiple Emails to PayPal?

If you’ve associated more than one email address to your PayPal account, the email you’ve selected as your Primary PayPal email must be the same as your FormSmarts login email.

You can either change your FormSmarts login or update your Primary PayPal email so both email addresses are the same.

FormSmarts will reject payments associated with an email address other than your FormSmarts login email for security reasons.

If PayPal shows an error on the checkout page when testing your first form, you may need to update your PayPal account settings.

A Tip to Increase Form Conversion: Use Required Fields Wisely

When creating a form, the form builder allows you to specify whether your want each input field to be required or optional. The meaning of required is obvious: form users will not be able to submit the form unless a value has been entered for each and every required fields. For radio buttons and drop-down lists, that means users will have to explicitly select an option between the ones provided. The decision to make a field required is not to be made lightly, because that could frustrate the user and affect the form’s conversion rate.

Radio Button and Drop-Down List as Required Input Fields

The meaning of optional is more subtle as it is different for text input fields (text boxes, multi-line text areas) on the one hand, and radio buttons and drop-down lists on the other hand. That’s because in the latter case users only have a limited set of options to choose from, and the first option in the list is always selected by default.

In the example illustrated below, we’re building a registration form for an event. The form should accommodate up to two delegates. The first delegate is required, but the second one is optional. It turns out that:

  • The first set of radio buttons or drop-down list should be required.
  • The second set of radio buttons or drop-down list should be optional, with None as the default option.

Required or Optional Radio Button and Drop-Down List in the Form Builder

Because None is selected by default, the form user won’t have to do anything in the most likely scenario where he’s only registering one attendee. This will save him time and frustration, and will statistically increase the form conversion rate and reduce form abandonment.

How to Build a PayPal Subscription Form

Many websites allow visitors to access online content and services for a monthly subscription fee. Creating a subscription form is somewhat different from creating a regular payment form, because it involves setting up a recurring payment, so that the buyer is automatically billed a fixed amount of money at a fixed interval until the subscription is canceled. The online form builder’s payment integration feature now supports PayPal Subscriptions.

PayPal Subscription Form

Creating a Subscription Form

Creating a subscription form is quick and easy:

  1. If you haven’t got a FormSmarts account yet, sign up for a FormSmarts Business account, then create a form with the form generator
  2. In the Form Details screen of the form generator, set the On Submission option to Integrate with PayPal
  3. Add radio buttons, a drop-down list or a checkbox, and enter the description, price and duration of subscription options formatted as My Subscription ($19.99 USD/month), as shown on the screenshot above and in this demo.

Duration of a Subscription

The time before another payment is due can be specified in days, weeks, months, or years. The form builder understands the following formatting variations:

  • Monthly Subscription ($9.99 USD/Month)
  • 30-Day Subscription ($9.99 USD/30 days)

Trial Subscription

Like in the example presented in the first section, you may specify a trial period for the subscription. This is typically used to give a free trial subscription to the buyer before he is charged for the first billing cycle. The buyer will not have to pay anything if he cancels the subscription before the end of the trial period.

  • The trial period doesn’t need to be free
  • You may specify up to two trial periods
  • Any trial periods must be placed on the form after the main subscription specification.

Payment in Installments

A payment in installments is a recurring payment where the number of payments is fixed.

FormSmarts supports installments with the following syntax:

  • Payment in 12 Installments (12x$9.99 USD/month)
  • Try this demo

Any Feedback?

As always, your feedback is important to us and is our primary source of inspiration for developing new features. You can also post your questions and comments on Facebook and Twitter (@FormSmarts).

Attach a File to a Form in a Click: File Upload Made Easy

With the new file upload feature, you can now let form users attach a picture or document to a form like in this demo.

Form with File Upload Field

Adding a file upload widget to your forms is as easy as adding a simple text box: visit the Fields Tab of the form builder, and create a new field choosing the File Upload widget. That’s all there is to it. Once a file has been uploaded and the form confirmed, that file will be stored on FormSmarts and available to you.

Customizing File Upload Fields

Although a file upload field created as just described will be fully functional, you may want to restrict the type of content the form will allow users to upload, as well as set the maximum file size permitted. You can also specify how long FormSmarts should keep uploaded documents on the server. To change these options, visit the Field Details screen of the form builder.

File Upload: Form Builder with File Attachment

Allowed Content Type

By default, a file upload field will accept all supported content types: documents (PDF, Word, Excel, RTF, OpenOffice ODF, and HTML documents) and images (JPEG, PNG, and GIF). You can restrict the type of content the form will allow users to upload to either documents or images. For example, if you’re building a job application form, you will want applicants to upload their CV and should restrict uploads to Documents to prevent mistakes.

Maximum File Size

When you add a file upload field to an online form, the maximum size of the files that can be uploaded is set to the maximum for your plan:

  • 2 Mb for Business Starter
  • 4 Mb for Business Plus
  • 8 Mb for Business Max
  • 10 Mb for Business Premier
  • 15 Mb for Business 3 and above

Edit the file upload field and use the slider to adjust that value to whatever makes sense for the purpose of the form.

Storage Policy for Uploaded Content

You can define the period of time during which FormSmarts retains uploaded content. At this time, we support eight storage policies:

  • 5 days
  • 10 days
  • 30 days
  • 90 days
  • 1 year (365 days)
  • 2 years (731 days)
  • 5 years (1,827 days)
  • Forever (default)

The period of time FormSmarts keeps form attachments can be set for each individual file upload field. To change it, edit each file upload field and set the retention period as required for your application.

To prevent accidental data loss, FormSmarts keeps, by default, form attachments on the cloud for the lifetime of the account (“forever” option). While this ensures a high level of data availability and durability, members may then exceed the upload storage quota for their accounts — currently:

  • 100 Mb for Business Starter
  • 500 Mb for Business Plus
  • 1.5 Gb for Business Max
  • 10 Gb for Business Premier
  • 30 Gb for Business 3
  • 100 Gb for Business 4

You can view your current usage in the Resource Usage section of your account. We’ll send you an email if you’re getting close to or exceed the storage space for your plan.

Note: Form attachments for online forms integrating with PayPal using Advanced Integration are retained for at least 20 days, even if the storage policy is set to 5 or 10 days.

Secure File Upload

File upload works with FormSmarts secure form feature so that files attached to a secure form only transit via a secure connection (TLS/SSL), both when uploaded to FormSmarts and when downloaded by the form owner. Form attachments uploaded securely are also encrypted at rest.

Any Feedback?

As always, your feedback is important to us and is our primary inspiration for developing new features and improving existing ones.

Detailed Form Confirmation Page (Summary Page)

FormSmarts supports a number of options to complement the default confirmation page that is displayed when someone submits a form.

You can:

Detailed Form Confirmation Page

The detailed confirmation page, also called Summary Page, shows a summary of the data submitted and allows form users to:

  • Have a confirmation email sent to them
  • Download a PDF receipt
  • Print a copy of the form data.

Feel free to try this demo.

The form generator allows users to get a PDF or receive an confirmation email

Use the summary page whenever you want users to be able to keep a copy of the information they’ve submitted or a proof of their submission.

PDF receipts may not display correctly in non Western-European languages (Russian, Chinese,…) unless the language is set explicitly with the lang parameter.

Setup Instructions

Set up form confirmation email

Visit the Forms Tab of the form builder and click the icon showing a pen to edit the corresponding form. Towards the bottom of the Form Details screen (pictured above), change the On Submission action to ‘Show summary with print, email & PDF options’.

Web Form Builder Upgrade

This release of FormSmarts introduces over one hundred improvements, leading to our most powerful, reliable and generous offer yet.

Important Reminder

Please add FormSmarts sender email formsmarts-noreply@syronex.com to your contacts, whitelist, or list of allowed senders and instruct any other form recipients to do so too. This should ensure your web forms are (and continue to be) always correctly delivered to your Inbox.

Increased Input Fields Allowance

To allow all users to take advantage of the new Heading and Text Block widgets introduced with this release, we’ve increased the number of fields you can use on a form.

  • FormSmarts Standard users can add up to 15 fields on each form using their referral points.
  • FormSmarts Pro users can add up to 60 fields on each form.

Be a Good Web-Citizen

  • Report bugs. However intense our testing efforts before releasing a new version of the form builder, bugs may remain due to the number of different browsers and versions in use. Please report any suspected bugs on the forum or by email.
  • Show your support. Whether you are a Standard user getting the web form service for free or a FormSmarts Pro customer paying the price of a business lunch for a year of service, please show your support by pressing the “Like” button on our Facebook page and following us on Twitter.

Major Changes

If many of the changes are improvements to FormSmarts server-side software which are not directly visible to you, all affect the quality of the service we provide you.

  • Form data storage and Excel reporting are coming out of Beta, and you can now activate those for each form in the Form Details screen of your account.
  • We’ve improved several aspects of the form creator‘s interface.
  • We now support headings and text blocks on forms; details in another post.

How to Add Headings & Text Blocks to a Form

Headings

Use headings to create logical sections within your forms. For example, you might want to split a job application form into a Contact Details and a Past Employment section.

To add a heading, select the Heading widget in the Fields tab of the form builder. Enter the text of the heading into the Text box and save.

Add headings to a digital form

Text Blocks

The Text Block widget that allows you to insert text anywhere on a form. Example uses include:

  • Providing directions to guide respondents and help them fill out the form accurately
  • Adding a short disclaimer or waiver at the bottom of a form
  • Specifying an amount of money on a payment form
  • Defining the terms of a digital contract e-signed by the user

Online form with a Text Block

Text blocks are limited to 2,000 characters (250 characters with Free/Basic accounts). To add a waiver, contract, or terms of service, use an Agreement widget instead.

To add a text block to a form, select the Text Block widget in the Fields tab of the form builder, as illustrated below.

Add text to an online form with the Form Builder

The form builder allows you to insert links, specify bold text, and italicize and underline text using either the formatting toolbar (screenshot above) or with the wiki-style formatting syntax below:

  Text with Commands Formatted Text
Web Link This is a [http://FormSmarts.com link to FormSmarts]. This is a link to FormSmarts.
Email Link This is an [joe@example.com email link]. This is an email link.
Bold This text is *important*. This text is important.
Italics So is **this one**. So is this one.
Underlining Use underlining __sparingly__! Use underlining sparingly!
Unordered List * red
* green
* blue
  • red
  • green
  • blue
Ordered List 1. red
2. green
3. blue
  1. red
  2. green
  3. blue

Links and formatting commands are supported in text blocks, agreements, form filling instructions, form submission confirmation messages, confirmation emails, auto-responder messages and checkbox labels. Check out this example.

Ordered & unordered lists are only supported in agreements/waivers at this time.

  • Links open in a new window
  • Email links are not supported in checkbox labels at this time

Should You Show Text Blocks in Form Responses?

If you use text blocks to create a digital contract between you and the form respondent, the terms of the contract may need to appear in the copy of the submitted data given to both parties.

Instructions for filling out a form are only needed on the form itself, so by default text blocks are not shown in form responses or confirmation emails/PDF receipts.

Toggle on Show in form responses (see screenshot above) to display text blocks in both form responses and the confirmation email or PDF receipt issued to the person who submitted the form.

This option is not available with all types of accounts.

Changes in Form Builder Payment Integration

The recent upgrade introduces some changes in FormSmarts Payment Integration (PayPal Form) feature.

  • Chargeable items may now be placed in check boxes. This should prove valuable in situations where you’re building a form with one or several optional, individually priced items.
  • Payment button instead of link. We’ve replaced the payment link on the confirmation page by a more outstanding button.
  • Form ID now shown in PayPal report. Up to now, when you needed to reconcile a payment with the corresponding form submission, you could only rely on the FormSmarts Reference Number. This is the unique ID shown in the subject of emails containing form data and in Form to Excel reports. The same ID appears in the payment details in your Paypal account, and also in the CSV report you can generate. We’ve now added the Form ID (see screenshot) to the information available on PayPal, so you may quickly identify which form each payment is for.

PayPal form payment details

We warmly welcome your feedback.

« Older Entries Newer Entries »

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.