The Wufoo Blog

Web form design tips for higher completion rates!

By Renee Morris · October 6th, 2017

Hey Wufans! We know you are always looking for ways to increase your form completion rates and get more entries. In the past, we’ve discussed the key mistakes to avoid to improve form completions. Today, let’s focus on the importance of visual web form design and its impact on form completions.

We can all agree that first impressions matter. And it’s no different with online form design. Think about the time when you saw that beautifully designed car and thought, “Dang, I want to drive that,” or visited a well-designed website and thought, “That looks so cool,” or looked at a fresh-baked, hand-crafted pizza and thought, “I’d eat that whole thing in under a minute”.  That’s the same way you want your form respondents to think when they look at your forms! Studies suggest that users make their own design impressions about websites within 50ms. These impressions are based on a combination of factors like colors, fonts, spacing, and more. So, let’s look at four ways we can make your Wufoo forms stand out and make that great first impression!

1. Out-of-the-box themes

When you design stand-alone forms that won’t be embedded on websites, you can save time and effort by using one of our six awesome out-of-the-box themes. These themes are designed to make your forms look good on any device your respondent uses. So, next time you design a form, check out these six themes that are already waiting for you in your themes selection, click on one of them, and start increasing completions.

2. Custom themes

Want to let your creativity shine through your web form design? Use our theme designer to create custom themes in line with your brand image. The theme designer lets you pick elements like font, size, and color for individual elements in your form. Plus, once you make a custom theme, you can save it to use it any time you’d like to bring consistency to all the related forms in your account.

Good typography is not only a great way to polish your brand image— it makes the forms easy to read on any device, resulting in higher conversion. You can use one of the many fonts supported by Wufoo or you can import fonts and use them in custom themes.

If you are a CSS Pro and have written your own CSS for your theme, you can reference the URL of the file in the theme designer and apply the theme to your forms. The file has to be hosted in an external file storage system and appropriate access rights should be set so that the file is accessible from Wufoo.

3. Logos, logos, logos

One of the best ways to build trust with form respondents and encourage them to fill out your forms is by using your logo in Wufoo forms. Using your logo helps form respondents identify your brand. To use a logo in your custom theme, you can host the logo in an external file storage system. Remember: whether you host the image in a storage system or in your own server, please ensure that it’s SSL certified so that you don’t get any warnings.

Custom Logo

4. Themes for forms in websites

So far we’ve covered the key aspects of themes for standalone forms. But what about Wufoo forms that are embedded in a website? You can embed forms in two ways:

  1. Use the form URL in your website code, or
  2. Use the embed code provided in the share page.

To ensure that the styling of the embedded Wufoo form matches the styling of your website, you can enter the URL of your website’s CSS file through theme designer.  

If you use our embed form code, we strip out the CSS elements so that the form automatically takes the theme of your website. However, this method may cause small CSS conflicts which can be resolved by making minor tweaks using theme designer.  Learn how to avoid some of the pitfalls of using embedded forms here. Our suggested method is to use embedded form code along with uploading the CSS of your website in theme designer so that any conflicts are avoided.

You now have all the tools to create web form design that looks awesome and increase form completions! Use our out-of-the-box themes or custom themes along with logos on every form to keep those form entries flowing!


Form to Finish – Asana + Wufoo Integration Updated

By Bob Garcia · September 15th, 2017

Asana Logo

Exciting news for Wufoo users! Our friends at Asana have updated and improved their integration with Wufoo. Asana is the easiest way for teams to track their work—and get results. From tracking bugs, task assignments, applications, and more, this improved integration streamlines the process of collecting requests by linking Wufoo forms to Asana so you can keep track of each request—and make sure it gets done.

Wufoo online forms enable your co-workers, customers, and/or vendors to submit information, feedback, or requests in a standardized format. Since Wufoo forms are fully customizable, you can include essential fields for all of the key details you need to take action. You can even customize your web forms to make them look like an integrated part of your site experience. Wufoo can also direct where the responses go, so can get notified when you receive a submitted form and easily stay on top of things.

When you integrate Wufoo with Asana, responses from your online forms will automatically become tasks in the Asana project you specify. Setup is easy. To connect a Wufoo form to an Asana project, you only need to specify how you want Wufoo form fields to map to Asana task fields including: task name, assignee, due date, and followers.

Take it to the next level with an Asana Premium account which allows you to map form fields to custom fields on tasks to better understand and action the request or information. Why is this cool?  With an Asana Premium integration you can map form fields for priority, format, and team in your creative requests. This adds more context and increases project management efficiencies.  Check out Asana Premium Features to learn more.

So what use cases does this integration solve?

Bug Tracking - Wufoo makes it easy for any user to report bugs with all essential info and ensure your team can track and manage submitted bugs in Asana.

  • Bug Tracker - build off this form template to collect required information including uploaded screenshots and/or files, and set up a bug tracking project in Asana to squash those annoying bugs.
  • Issue Tracking Form - jumpstart your issue tracking with this template to collect issues and then use Asana to ensure visibility and track project progress.

Task Assignment and Tracking - With Wufoo and Asana, you can streamline the process for collecting work requests by making it easy for co-workers, agencies, partners, vendors and customers to give you the info you need to act.

  • To Do List - keep yourself and your team organized around the important tasks you need completed.
  • Contact Form - keep incoming messages from your contacts organized so you can respond swiftly and stay up-to-date.
  • IT Service Request Form - organize and prioritize your IT department’s technical support needs by embedding our helpful form into your company’s website, or ask employees to fill out the form as needed and simply send it via email.
  • Complaint Form - reduce hassle while keeping a record of (and responding to) complaints.

Application tracking - Hiring is one of the most critical functions of any organization. Wufoo’s employment application form enables you to capture the essential information and manage who gets notified while Asana helps you manage the interview and hiring workflow process.

  • Employment Application - stay organized and quickly screen potential job candidates online before selecting the best and moving on to the all-important interview.

Visit Asana’s helpful integration guide on how to set-up the Wufoo & Asana integration or check out their blog post about the exciting integration.


Sales leads forms: 8 pro tips to increase sales leads now

By Bob Garcia · September 8th, 2017

Do you want to boost sales? If so, keep on reading! Sales leads forms are the best way to capture leads, either on your website or through social channels. Prospects inquiring about your product or services demand near real-time responsiveness. Responding first through an online sales leads form can be the biggest driver in winning that new business.

To help you react quickly, Wufoo notifies you when someone submits your form (new entries) or when a user in your Wufoo account adds a comment to an entry (new comments). You can easily set up email and text notifications to ensure that you can respond to sales leads in almost real time.

 

Here are 8 best practices for building great online forms that will maximize your lead capture. You can also see our full Guides article for even deeper details and insights.

  1. First impressions matter: Create a form name and description that addresses users’ concerns and persuades prospects to take action.
  2. Location, location, location: Embedding your form at or above the fold is almost always a best practice. Embedding a responsive Wufoo form on your website is easy and helps you collect leads through desktop computers and smartphones.
  3. Be brief, but not too brief: The number of fields you include on a form depends on your business needs, but you should focus on capturing the minimum required fields to respond effectively.
  4. Remove friction: Think and clearly communicate which fields are optional vs. required.
  5. Establish and maintain trust: Create a more transparent data collection process by including your terms of service and privacy statement in your form. Wufoo makes it very convenient for your users to access your terms of service, rules and conditions.
  6. Finish strong: Use clear, relevant, and action-oriented call-to-action text. Wufoo makes it super simple to customize your form navigation buttons  with CTAs that can drive your business forward.
  7. Don’t be an island, build bridges: Centralize and simplify lead management through integrations with your CRM and email service providers. Wufoo offers pre-built integrations with lots of leading email vendors including Campaign Monitor and MailChimp.
  8. Follow up: If you collect user email addresses, send them a confirmation email thanking them for sharing their information. It’s good manners and it makes your company look good.

Form templates to get you started

Ready to jump-start your conversion efforts with sales leads forms? Here are some online form templates to do just that. Everything you need to know to start a profitable conversation with a sales lead and potential customer can be found right here in our forms!

There are many types of sales leads forms you can build and use. Team Wufoo has built more than 400 online form templates to inspire you and get you started. Check them out today!

For more specific vertical forms and details on how to become a sales lead collection master, visit the Wufoo Guides’ post, “Use online forms to capture sales leads before they go cold .”

Thanks and good luck with your sales lead collection efforts. Happy form building!


5 tips for optimizing your mobile forms design

By Nicola Plate · September 8th, 2017

 

Howdy, Wufoo fans! We recently announced our all-new mobile experience (and we couldn’t be prouder of it), so we decided we should follow up with some great tips from our expert mobile form designers to help you create the best mobile forms. These best practices will help you create mobile-friendly forms in no time, so let’s jump in!

1. Keep it short and sweet

Think about it: How much time would you want to spend scrolling and typing out answers on a small screen? When you’re designing a mobile form, be considerate of your respondents’ comfort and time.

Here’s how:

  • Limit the number of form fields for “Contact Forms
  • Use multiple choice questions for order forms and surveys
  • Ask questions that are easily answered in a few words

Here’s a good example of an order form with multiple choice questions. (And it’s double good because it features… pizza!)  

  1. Choose your media wisely

Including images or video in your form? Be aware of bandwidth constraints which can delay image loading times and degrade image quality. Try to choose smaller images and avoid using too many on your mobile form. Also, if you are planning on using videos, it’s better to use a universal media player like YouTube to make sure everyone can access them. Follow this link to see how we embedded this video on a form to ask a very objective (and important) question.

 

  1.  To customize or not to customize

CSS Keywords are awesome for quick form customization, but they can sometimes impact the form’s look on a smaller screen. Use them wisely for mobile forms. Here’s our help article on CSS Layout Keywords if you want to dive deeper into this topic, but here are a couple of basic recommendations:

  • Avoid using CSS keywords that might squish the fields together on a smaller screen. You know that Wufoo lets you use CSS keywords to arrange form fields side-by-side, but that may not always work to your advantage on a mobile screen–so use them with that possibility in mind.
  • Remember that at Wufoo we make our mobile forms automatically responsive, so you can trust our built-in design to give your customers a great user experience.

 

  1. Be thankful and strategic

Keep your customers happy with a short ‘Thank you’ message once they hit ‘Submit.’ It serves both as a built-in confirmation message and a final touch point where you can make your customers feel extra special.

 

Another option is to set up a redirect that will help you make sure you don’t lose your customers on mobile: You can send them to a mobile-optimized page of your choice where, for example, they could sign up for your newsletter.

 

  1. Make sure it looks and works great on any device

Not all mobile devices are created equal. The same form in Safari on an iPhone might look slightly different than in Chrome on Android, and you never know what your customers’ device preferences are! Before you share your form, try filling it out on multiple mobile devices and operating systems. This way you can be sure that you will offer a great experience to people filling out your form. And remember the golden rule of mobile forms: keep it short, from your email subject line to your confirmation page.

 

We hope these great tips on designing mobile-optimized forms will give you plenty of information to consider and decisions to make. It’s all about reaching your customers where they are, and making sure that filling out your forms is as easy and quick for them as creating them was for you! Happy Form Building!


Say hello to Wufoo’s all-new mobile experience

By Praveen Chandran · August 3rd, 2017

Hey Wufoo fans. Have you logged in to Wufoo on your mobile device lately? Grab your phone and try it out! Right now. We’ll wait.

Awesome, right?! We’re excited to announce a whole new mobile experience for you (and your customers).

Now you can build a form anywhere, anytime. Just choose from 400+ responsive form templates, share it out, collect responses—and analyze the results—all while you’re on the go.

We know, we know. You’ve always been able to manage and view mobile-responsive forms that you designed in desktop. But now your favorite Wufoo features look and work great on any device. Here’s a quick rundown of what’s new.

Track your performance on the go

When you embed a web form into your website or share it in social media, you want to know if your form design is optimized to get the job done. Wufoo’s mobile-ready analytics dashboard helps you check form performance wherever you are. Just look at page views, conversion rate, and other metrics!

Access form entries anywhere

You’ve shared a form and entries are rolling in super fast, from hot leads to real-time event feedback needing your attention…now!

But what good are entries if you can’t access them and take action right away? Our mobile Entry Manager is designed to help you quickly sort and search for entries wherever you are.

Choose from hundreds of responsive templates

We get it! When you’re traveling, you don’t have the time to design a complicated form on your mobile device. Who wants to do all that pinching and zooming, anyway?

That’s why we’ve simplified mobile form creation. Just visit our Template Gallery and choose from 400+ responsive templates. Once you’ve got your form out the door, you can fully customize it on your desktop, so you can use our features in all their glory.

Don’t have time to customize your forms on your desktop? We’ve got 6 awesome out-of-the-box themes you can apply with a simple tap on your mobile device.

Share forms anytime, anywhere

You’ve picked an awesome template and applied a cool theme. Great! Now it’s time to let those entries start rolling in. Share your form on top social media channels like Facebook, Twitter, LinkedIn, and more from any mobile device.

Need to embed your form into your website? If you can’t get to your desktop right away, you have an option in the mobile hamburger menu to switch to desktop mode—and switch back—anytime you want.

Get notified about new entries

When those entries start rolling in, you want to know immediately. Now it’s easy to set up notifications for new forms and update notification settings for existing forms. So if a hot lead comes in, your rep will be notified via email or text right away wherever they are.

Access your account dashboard

You’ve got a lot on your mind—we don’t want you to worry about your Wufoo account, too. Our account settings dashboard provides a quick visual overview of your Wufoo account usage, including form and entry limits.

That way it’s easy to upgrade for more exactly when you need it. Just go through our simple mobile checkout flow to increase your limits in a few taps.

Your feedback matters: Tell us what you think!

We’re excited as a team to bring you this new mobile product experience.  So, what are you waiting for?  Get on that mobile device and try out our new mobile experience right away.

Want to learn more or have questions about mobile experience? Check out this article that takes you through it from start to finish.

This is just the beginning of our mobile product journey. We’ll add more relevant features in the future. So please tell us what you think—and what you want more of—in the comments below. Your feedback will directly shape our mobile product experience. Thanks so much, and happy (mobile) form building!


Wufoo’s newest features—and a sneak peek at what’s next!

By Nicola Plate · July 6th, 2017

wufoo new features 2017Happy Summer, Wufoo aficionados! It seems like just yesterday we were making our New Year Form Resolutions. Now we’re halfway through the year!

Maybe the time flew by because we’ve been hard at work adding new Wufoo features that were at the top of your holiday wishlist. After reading through a bunch of customer emails and feature requests, we implemented FOUR, count ‘em FOUR, major changes to Wufoo in the first half of 2017. In case you missed them in our newsletters…Here they are again for your convenience!

  1. File Upload Increase

If you’ve used our file upload feature, you know what a wonderful feature it truly is. But, as many of our lovely customers pointed out to us, the 10MB size limit was a bit small.

And we agreed! So we improved on this feature by more than doubling the size of files that can be accepted per file upload field (up to 25MB from 10MB!) and quintupling the total file limit per entry (up to 100MB from 20MB) for our Bona Fide and higher plans.

  1. Custom Close Form Message

Many of our amazing, form-tastic customers like to be able to close their form, but haven’t been super fond of our “Sorry, but this form is no longer accepting submissions.”

It’s a fine message, but it didn’t have the pazazz and customization that our users know and love. Well we updated that, too! Now you can customize the message of your closed form, or set up a redirect to one of your site’s pages.

  1. Google Analytics Tracking

Perhaps one of our most awesome new features, in our humble opinion. Now you can track all your pageviews, understand user behavior, and use just about all the other GA features! Collecting this data helps you gain valuable insights into how people interact with your Wufoo form.

And as we all know… valuable insights = better business decisions.

  1. Placeholder Text

Another commonly requested customer feature that we think will improve your form experience ten-fold — Rather than just hoping your customers or clients give you the right info, be sure they know exactly what kind of answer you’re looking for!

Use Placeholder Text in your form as a handy guide to people who need to give you their info. By giving them examples and instructions within form fields, you’ll make filling out your form a breeze.

Sneak peek: The rest of 2017…and beyond!

The team’s been doing some amazing work behind the scenes to get Wufoo in tiptop shape. We’ve updated our databases so they can handle more entries and added pagination to the Form Manager to help with loading time. All these system updates help us to keep your data secure and your forms functioning splendidly.

It also laid the groundwork for all the product updates we’ve made so far… and for those features that have yet to come! We still have 6 months left of 2017 to look into commonly requested features:

  • Redesigned, mobile-friendly Wufoo account pages? Wouldn’t have been possible without some recent code updates!
  • Save-and-return feature? The database changes helped us put this on our roadmap!
  • No field limit? Our systems have been prepped for that change, too!

… we’ve said too much… (Isn’t it exciting?!)

And that’s it for your 2017 mid-year feature roundup! Everyone here at Team Wufoo would like to extend a big ol’ THANK YOU to everyone who’s ever given us feedback over the years that Wufoo’s been around.


Instantly Populate PDF Receipts from Wufoo Order Forms

By Praveen Chandran · July 5th, 2017
As part of our ongoing tradition of inviting partners to publish guest posts in Wufoo blog, we are glad to feature an awesome document generation application, Webmerge that integrates well with Wufoo web forms.  Our friends at Webmerge have nicely laid out the easy steps to setup the integration with Wufoo.

Collecting orders from your website can be easy with a web form from Wufoo.  With Wufoo, you can build your form in minutes and customize the look of your form with ease.

Add WebMerge to your order process, and you can automatically generate documents like contracts, invoices, letters, and more.  WebMerge can automatically take the information that’s submitted through your form and populate a template.  You’ll never have to copy & paste data into a template again!

In this example, we’re going to show you how to automatically generate a PDF receipt from an order form.  We’ll automatically email this receipt directly to our customer when they submit an order through our Wufoo form.

To get started, we’re going to setup the template for our receipt in WebMerge.  From the Documents page, click the New Document button then enter a name.  On the next step, select the Build Your Own document type and then continue.

Next, you’ll be taken to the Document Builder where you can setup your receipt template.  We’re going to add our logo, contact information, and then for the spots that we want to insert our customer/order information, we’re going to use merge fields that look like {$CustomerName}, {$Amount}, etc.

Here’s what our receipt template looks like:

Once you have your template finished, let’s save the document and you’ll be taken to the Settings tab where you can modify various options like the type of file that is generated and the name of the file.  For this example, we’re going to generate a PDF and include the name of our customer in the file name.

We’re also going to turn on Debug Mode (under Test Mode) and then we’re going to turn on the Field Map (under Advanced Settings).  We’re going to use this later to match our Wufoo fields with our merge fields.

Next, we’re going to setup our email delivery so that the receipt is emailed directly to our customer.  On the Deliver tab, click the Edit button under the default email delivery.  For the To address, we’re going to use the merge field for the customer’s email address.

If you don’t have a merge field in your document for the customer’s email address, select «Other» from the dropdown then enter something like {$Email}.

Feel free to edit the other settings of the email delivery.

After you have saved your email delivery, we are ready to setup the integration with Wufoo.  To send the Wufoo form entries over to WebMerge, we’re going to use Webhooks.  We need to grab the Merge URL for our document from the Merge tab.

Inside Wufoo, we’re going to add a new Webhook to our form.  Go to Edit your form then choose Add Integration from the list.  On the next page, select Webhook from the Add Application dropdown.

Then, we’re going to add our Merge URL in the Webhook URL box.  This will automatically send every form entry over to WebMerge.

Once we have our webhook setup, we need to run a test so that we can map the Wufoo fields to our merge fields.  Go ahead and submit another entry to your form, then go back into WebMerge.

Inside WebMerge, you’ll want to go to the Overview tab of your document and you’ll see a View Data button.  Click that and you’ll see a list of all the fields that we’re receiving from Wufoo.  If you click the fields, you’ll see the field code you need to use in your Field Map to match up with your merge fields.

The last piece of the puzzle is to take the field codes from the Overview tab and put them in the Field Map under the associated field.  Here’s what our Field Map looks like:

After you have matched up all your merge fields with the field codes from Wufoo, we’re done with our setup!  We’re now ready to generate a real receipt when we get an order.  We’ll do one more test to make sure everything is working correctly.

Here’s what our merged receipt looked like:

Congrats, you’re all finished!  You can now automatically populate all kinds of documents from your Wufoo entries.


Get those dollars flowing with Wufoo’s X-Cart integration

By Praveen Chandran · June 9th, 2017
As part of the grand tradition of inviting our partners to publish relevant guest posts in Wufoo blog, we are happy to feature a powerful ecommerce application, X-Cart that integrates well with Wufoo web forms.  Our friends at X-Cart are here to walk you through a few easy steps to setup the integration.

If you’ve got an eCommerce store, you know your site isn’t a one-way street. You need to collect email addresses, event registrations, customer feedback, online orders, and more. So it’s important to embed a well-designed online form can get you that info, fast.

How do we know? At X-Cart, it’s our job to give people an easy way to sell stuff online. That’s why we integrated our eCommerce platform with Wufoo. Now anyone who uses X-Cart for their online stores can easily embed online forms into their website or mobile app, all without typing a single line of code.

Why else use Wufoo with X-Cart?

  • Save time using pre-designed forms. With a huge choice of more than 400 customizable templates for a variety of business types, there’s no need to create your own template. Just grab the one you like most and embed it into your X-Cart website.
  • Rest easy: Your credit card payments are secure. Easily integrate your forms with the most popular payment providers on the web like PayPal, Stripe, and Authorize.net. From 256-bit SSL encryption to smart CAPTCHA, Wufoo takes your data security seriously.
  • Track performance with dynamic analytics dashboard. Track your form performance with Google Analytics and analyze crucial metrics with Wufoo’s Report Builder.
  • Add a form to your store, no coding required. X-Cart’s WYSIWYG editor will let you add forms in a few clicks by choosing them from the ‘Wufoo forms’ dropdown in the settings menu.

How to use Wufoo forms with X-Cart?

Now, that you know a thing or two about the value of web forms built into your eCommerce website, it’s time to put your knowledge into practice.

As an X-Cart employee, I tried to add three different types of forms in my test store, just to check how it works. Here’s how easy it is.

To add Wufoo to your store toolkit, log into your store back-end and enable the Wufoo - online forms app in X-Cart Marketplace.

Next, go to Wufoo’s website to set up your form. Due to drag-and-drop functionality and a wide range of tweaking options, this extension helps you easily build forms and customize them completely—no coding needed.

When everything’s ready, go back to your store back-end and add it to any static page in your store in one click.

Tips for adding forms to your X-Cart store:

Here’s an example of an embedded Contact Us form:

Wufoo Contact Us Form

Just a few fields — a name, an email and a message — won’t drive your customers mad. Moreover, it’s quite clear what is going to happen after the form is filled — “our sales rep will be in touch in a few seconds.”

And check out this newsletter subscription form you can use to build a great email list for your marketing efforts:

Wufoo Newsletter Subscription Form

A clear call-to-action and a limited number of fields here (just one, hah!) will help you boost your form’s conversion rate. Pro tip: Customize your form’s look and feel so it matches your brand for a consistent customer experience.

And, of course, you’ll want to use Wufoo to create online order forms to give your customers an easy way to buy products from your website:

Wufoo Online Order Form

Add an order form into your shopping cart to arrange paid workshops or sell tickets in a separate page. Or you can sell complementary goods from your partners that shouldn’t appear in your store inventory and order history.

Add a payment integration feature on your form, choose a payment processor (I’ve chosen PayPal Standard), currency (I’d like my users to pay me in dollars), and make a few more settings. I decided to assign prices based on choices a user selects. That’s how flexible it is.

Remember: You don’t need a developer to code an online form for you. Just build it yourself in minutes and embed it into your eCommerce site with Wufoo’s handy X-Cart integration.


File Upload improvements: Bigger files—and more of them!

By Cody Curry · June 1st, 2017

One of the most-used features in Wufoo is the File Upload field. It’s an indispensable feature that we love, and something that we know you all find useful too. We have some exciting improvements to share about our File Upload field, and we want to give you a quick run-down. Let’s get to it.

Increased Space for Each File Upload Field

We’ve dramatically increased the upload limit on the majority of our paid plans. Previously, you could upload files up to 10 MB in size. That’s nothing to sneeze at, and is usually plenty of space for most of the documents and images that people often use our file upload field for, but sometimes space is a bit tight! We’ve increased that limit from 10 MB to 25 MB for each File Upload field, which should take a bit of the pressure off for larger files!

File upload limit per field

Larger Overall Upload Limit for Each Entry

We did away with our previous limit on the overall amount of data you can upload to a form. With the previous version of our File Upload feature, you could upload a total of 20 MB of files with each Entry. Starting today, we’re pushing that up to 100 MB.

File upload limit per form

Use Cases

A Ton of Files

Let’s say I’m accepting photo submissions for my recycled bicycle sculpture contest. I need to accept 10 images, and I want to be sure I’m staying within the upload limits. I’m going to set the upload limit for each File Upload field to 10 MB, which should be plenty of room for each image. Then, I’ll set the overall upload limit of my form to 100 MB and watch those beautiful sculpture photos roll in!

A Few Great Files

On the other hand, 10 photos of your bike sculpture may be a bit excessive. What if I want to ask for just a few files, but I want them to be the best they can be? I’ll start again with four File Upload fields and crank the upload limit for each field up to 25 MB. Now we’re talking! I’m swimming in pixels.

Mix-and-Match

Alright, those files are massive. I’ve decided I just need a quick look at your best photo, and I need a copy of your artist statement. To save space and speed things up for my friendly bicycle sculptors I’m going to start from scratch with just two File Upload fields. I’m going to limit the first to 10 MB (for the artist statement document). The other I’ll leave at 25 MB (for the best photo they can muster).

Whew. I’ve crowned a winner. Just in time to plan the parade and national tour. My work is never done, but don’t let me distract you from yours! These expanded File Upload options are available on our Bona Fide plan and higher. If you’d like to learn a bit more about how our new file upload options work, check it out in our help center, and please let us know what you think!


New feature! Customize form closed message

By Kane Stanley · May 11th, 2017

Last year we wrote a cheeky guide on how to use CSS to create a custom closed message on a form. It was a solid workaround, but required a bit of legwork to execute. We’re happy to say, you can now skip leg day as much as you’d like, thanks to the new form closed options.

Form closed options, which are available on all paid plans, let you add a completely customized message for your users when they visit a closed form. If you don’t want to leave a custom message for the user, you can choose to redirect them to your own website instead. Better yet, setting this up requires no CSS or workaround. To show you how easy it is to use, let’s check out an example using a glorious donation form.

Dodge the Dinos 20K Run is an annual 20K run with a twist. Runners are chased by Wufoo’s very own dinosaurs. Fundraising for chosen charities is urged, and participants can use a donation form for their fundraising. Cue the Dodge the Dinos 20K Run Donation Form.

Taking donations before the event is fantastic, but what if someone visits the form after the event is over? It would be great to let the visitor know that the dinos have been dodged, but they can learn all about the chosen charity if they’d like. This can be done with a form closed message. Setting this up couldn’t be easier:

  1. Click the Forms tab at the top of the page
  2. Click Edit on the form
  3. Click Form Settings
  4. Click Show Text under the Form Closed Options section
  5. Add the custom message and save

Easy Peasy. Now, if someone were to try to donate after the event, they’d see the custom form closed message telling them that they’re too late.

Form Closed Message

It could also be good to redirect the person to a website after the event is over. That could be a site to the specified charity or any site you’d wish. Setting this up is just as easy. Simply follow the same steps as before, but choose Redirect to Website instead. Then add the URL from there.

Closed Form Settings

In this case, if someone were to view the form after it was closed, they’d be immediately redirected to the specified website. This is a fantastic option if you’d like to send your customers to your own website after a form has closed as well.

The form closed options offer you a brand new dimension to keep your users informed or to get them to your website. We really hope you like this new feature and we’ve got loads more to come. If you’d like to learn more about how form closed options work, check out our help center article as well.


  • Search

  • About

    The Wufoo Blog is the official online publication written by the developers of Wufoo about their online form builder, form-related technologies, and whatever else may fit their fancy—like robots.

  • Archives