If you’re still collecting checks and envelopes of wrinkly dollars from friends and family, you might be curious about how to automate the process with Wufoo. You may also be sniffing around Wufoo for event registrations and order forms, but you just don’t know which payment processor to choose. Well, friends—this is the WuBlogPost for you!
On the Bona Fide plan and higher, Wufoo offers a payment integration feature that allows you to redirect your users to submit their payment. The list of integrations can be pretty intimidating to consider, but here’s the quick-and-easy breakdown:
For Simple Payments
Stripe is super simple. Super super simple, in fact. They have a really easy, fixed-rate pricing model (2.9% + $0.30 per transaction in USD), and you can sign up right from the Wufoo Payment Settings page.
With Stripe, there’s no requirement to have an extra merchant account. The money you collect will be deposited in your bank account on a rolling 7-day basis, so you’re, like, always getting paid.
If you haven’t heard of PayPal, you’re likely living under a rock that blocks WiFi. PayPal has a simple pricing model too, and you won’t need a separate merchant account. Plus, it’s extremely easy to set up. Just try. In the time it took you to read that last sentence, we bet you’re already gtg.
One neat perk to the PayPal integration is the option to set up recurring billing. If you’ve got an Us Weekly magazine subscription on offer, you can automatically debit your users’ PayPal account every seven days, or charge ‘em for four issues a month.
Braintree is basically the Stripe for businesses - simple pricing (no monthly fee!) and simple sign-up. Unlike your Simple Payments solutions, you’ll need a merchant account for handling the money side of things, but Braintree has bundled a merchant account into their standard pricing.
Check out the Braintree 101 to get a feel for things.
PayPal Website Payments Pro
If you’ve got lots of cash flow per month, and you’re a business in the US, Canada, or stately Great Britain, Website Payments Pro is a solid solution for you. Unlike PayPal Standard, payment is all integrated with your Wufoo form, creating a really seamless ordering process.
The good news: you won’t need a merchant account with WPP. In other news: you will need a Business or Premier account, which can take a day or two to set up. More details here.
PayPal Payflow Pro
If you’re a business in the global market (aka not the US, not Canada, and not stately Great Britain), you’d be better off checking out Payflow Pro.
Payflow is gateway-only, meaning you will need a separate merchant account. It can take a few (to several) days to set up with Payflow, so it may only be worth it if you’re bent on sticking with your own merchant. If you are, though - full steam ahead!
If you’re ever Googled “trusted payment provider for small businesses”, Authorize.net should be ringing a few bells. You’ll need a merchant account if you want to get paid, but Authorize.net has a directory of merchants for you to choose from.
If you’re looking to accept payments through bank transfer, take note! Your form’s integrated payment page can be enabled to accept eCheck payments with Authorize.net, and you’ll be eReady to eRoll.
If I had to call USA ePay by any other name, it’d be “Old Reliable”. USA ePay’s been around since practically the dawn of the Internet - or at least the dawn of PCI compliance.
You’ll need your own merchant account to get started. Whenever you’re ready to go, you can sign up to use USA ePay as your payment gateway through a respectable list of resellers.
For Customer Management
To put it simply, Chargify is your subscription management center. You can create a product and specify a subscription period, and users connecting to Chargify can submit their payment info for recurring payments through your chosen gateway.
Chargify is not a payment gateway or a merchant account, so you will need your own. The good news is that you can leverage Stripe (our favorite friend), Braintree, Authorize.net, PayPal, or any of their other partners to get that money.
If you’re looking less for “pay now”, and more for “sign up and pay later”, Freshbooks is your best bet. You can collect all the details needed to generate an invoice - no CC required - and let the customer pay up later on.
Payment can be collected online through PayPal (all flavors), Stripe, Authorize.net, Braintree, eWay, and a number of other payment providers. You can even weigh the benefits of your options (in even greater depth than this here blog post) on Freshbooks’ site right here!
And there you have it—little more sense to the dollars and cents. Of course, let us know below in the comments if you have any q’s.
Bear with us for one sec. Sit up straight. Take a deep breath. Square those shoulders. Feels better, doesn’t it? When you’re centered and in alignment, it’s so much easier to stay focused on getting stuff done without distraction. The team behind the web and mobile app, Asana, knows just how important focus and alignment is when it comes to productivity.
Awesome productivity doesn’t always come easy either. There’s a lot of mindfulness involved in collecting the right information and organizing all the different channels of communication that come into your business. Ok, so mindfulness is probably too nice of a word to describe this process. Sometimes it’s downright tedious and difficult to do.
This is where Wufoo enters the picture. Our integration with Asana enables you to interact with your data in ways that would be otherwise impossible with your standard database. You can truly make your information dynamic and actionable—add attachments or connect data with other relevant Asana tasks without spending hours on spine-crunching data entry or on creating complicated forms.
Here are just a few of the abilities available to you as a result of our partnership:
• Enter bug details for bug/issue tracking
• Capture sales leads and manage them directly in Asana
• Collect support tickets and order requests from customers
• Build a system for collecting employee referrals
• Feed job applications right into Asana
To Use This Integration
First, set up a Wufoo form. Go to Wufoo and create a form with some custom fields. You can either use the Wufoo form on your own site as an embed or via the Wufoo link.
Next, you’ll link your Wufoo form to an Asana project using Webhooks. This way any information submitted to your forms will automatically be directed to your Asana project.
To do so, you’ll first need to find your Asana Webhook URL. The Asana Webhook URLs follow this structure:
You can find your Asana project ID by looking at the first set of numbers in your Asana project URL. For example, in this Asana app URL (https://app.asana.com/0/10198701095429/10198701095429) the highlighted portion of the URL is your project ID. Simply copy this project ID, add it to the Webhook URL structure above, and that’s your Asana Webhook URL!
Next, you’ll need to find your Asana API Key. You can find this key in your Asana Account Settings. Simply find your key and copy it for use later.
Now that we have your Asana Webhook URL and your Asana API Key, you can now setup your Wufoo form to automatically send data to your Asana project.
To do so, go to the Notification Settings for your Wufoo form. Add a Webhook notification to your form, enter in your Asana Webhook URL, and your Asana API Key for your Asana project. Click save and you’re set!
Now, sit back and watch as data from your Wufoo forms automatically gets sent to your Asana projects!
Want to ramp this up a notch or three? You can even set up an optional deeper integration. We’ve added functionality that allows you to create custom routing from your Wufoo form to your Asana project. Your form’s submissions can appear in Asana with a specific tags or assignees based on the selections made within your Wufoo form. Read the in depth guide for detailed instructions on how to setup custom routing.
Huge thanks goes out to everyone at Asana who helped make this integration happen. If you have any questions, be sure to leave them below and check out their blog here.
Inspired to integrate with Wufoo? Visit our Ultimate Guide to Integrating with Wufoo today!
Have a lengthy list of choices for a Drop-down or Multiple Choice field? Does the thought of typing each selection one by one make your soul cry? Enter Wufoo’s ‘Import Predefined Choices’ feature. If you have a text list or even an Excel list on hand, then copy and paste that list directly into the Import Predefined Choices utility. Magically, Wufoo converts that list into choices in your Multiple Choice or Drop-down field.
Let’s see it in action!
Suppose you’d like all entries to select the country they’re contacting you from, but find no need to include an entire Address field. A quick Google search for “text list of countries” returns a short list of hits (~66 million). I find that the OpenConcept text list of countries works well for this.
Add a Drop-down field on your form and click on the Import Predefined Choices button in the Field Settings.
You’ll find a list of Predefined Categories such as Gender, Age, Employment, Continents, Income, Education, etc. And, you’ll notice an open area to the right of the categories to paste your own custom list.
Copy the text list of countries from the OpenConcept page and paste that list directly in to the custom choices area of the Import Predefined Choices utility. Click on the Add Choices to Field button.
Bask in the glory of your own awesomeness. Relish in the fruits of your labor. You’ve just added 195 countries to your Dropdown list in less than 2 minutes.
Predefining a Checkbox field is certainly possible as well. Since Checkbox fields are stored a little differently in the database, you’ll need to set it up as a Dropdown or Multiple Choice field first. Once you’ve predefined the choices, change the field type to Checkbox and well, that should do it.
We hope you’ve enjoyed this installment of Wufoo Tips and Tricks. As always, we’re here to help if you need anything!
Okay, maybe not so dirty. But if you’re new to Wufoo and haven’t yet ventured into the infinite (maybe not infinite but it’s a lot) possibilities of Rules yet, you’re missing out. Rules are that extra something that take a fairly simple form and use case and supercharges them to allow you to use Wufoo to solve some fairly complex use cases and applications.
As always, if you consider yourself a Wufoo Vet (and given how many users we have, there are plenty of you out there!) this post may not be for you. The Back To Basics series of posts are aimed at the newer Wufoo users who want to learn more about the wide assortment of Wufoo features and fully unlock the infinite (again, probably not infinite but close) possibilities of their Wufoo accounts.
Let’s get to it.
1. Make The Form!
Before we venture into setting up rules for our form, we first need a form. When setting up a complex form, I like to first create the entire form with all fields and pages, and from there, add rules and make them dynamic.
For our purposes, I’m using a form that I’ve created that uses Stripe with global currencies (a recently launched feature enhancement that allows Stripe users to accept payments in various currencies) so that people can send me bribes for various tasks they want me to do. In this form I have:
A. Price Field: This field allows people to input how much they want to bribe me with.
B. Text Field: This field is an arbitrary field that I want to be shown only if the bribe amount from the Price Field is more than 50.00 GBP.
C. Multiple Choice Field: This field allows the user to let me know if what I need to do is simple or elaborate. If it’s simple, we don’t need a long explanation (I mean, if it’s a simple bribe, why have it in writing, amirite?) so we’ll skip the page with the paragraph box and just get straight to payment. But if the task is elaborate, the user should see the second page, shown here in D.
D. Paragraph Field: This paragraph field appears on the second page. The second page will only be shown to users if they selected “Something much more elaborate” from the multiple choice field in C.
There, we have our form with all of the possible fields and pages. Now it’s time to add Rules and make it really sing.
2. Add A Touch Of Rules
To add rules to our nifty new form, just head to the Form Manager which lists all of your forms. Find your form, click the “Rules” button and you’ll be taken to the Rule Manager for your form. Now it gets fun!
3. Creating A Field Rule
The first rule we’ll be creating is the rule where we’d like to show the text field only if the price is higher than 50.00 GBP. Since this is a rule that will simply show or hide another field on the same page, it’s considered a Field Rule. Simply click the “Create A Field Rule” button and the first field rule will appear.
To make our rule, you select which field you want to monitor, in this case the “What’s your bribe amount?” field. To do this, you click the first drop down menu which lists all of the fields on your form then select the field which you want to create this rule for.
Next, we choose the rule criteria. In this case, we only care if the amount inputted into this field is more than 50.00 GBP. So we choose the criteria drop down and we select “is greater than”. Now we move over to the next input field where we’ll enter in 50.00. Note: for price fields and rules, you’ll need to specify out to the cents (or pence in this example).
Finally, we want to show the text field in our example form, so we’ll choose the last drop down menu and select the field we want to show, in this case we’ll select the “Shown only if the bribe amount is more than 50 GBP!” field. Click “Save Field Rules” and your first rule is all set.
You can see that the rule matches what we are trying to do by simply reading it in the Rule Builder:
If “What’s your bribe amount?” is greater than 50.00 show “Shown only if the bribe amount is more than 50 GBP!”.
Pretty cool huh? Now, let’s tackle that Page Rule.
4. Creating A Page Rule
Remember that we only want people to clarify their bribery task on the second page of the form only if the task is elaborate. So we’ll need to make a rule that only shows the second page of this form if the value of the multiple choice field is “Something much more elaborate.” For that, we need to create a Page Rule. To do that, simply hit the tab labeled, “Page Rules” click the “Create a Page Rule” button, and your first page rule will appear.
Like creating a field rule, we’ll first need to select which field we’ll need to monitor. In this case, it’s the “What do you need to get done?” field.
This is where things get tricky, so pay attention. In the third drop down, instead of selecting “Something much more elaborate.” we’re instead going to select “Something simple.” as the option. We do this since Page Rules allow for skipping pages and we only need to skip the second page in our form if the task is simple. Hence, we choose “Something simple.” here as our option.
Finally, we then close the loop by saying if the option selected is “Something simple.” then we’ll skip all the way to the Payment page, skipping Page 2 altogether. This way only people with elaborate tasks need to describe their task and those with simple tasks can get to paying us our bribe!
And there we have it, a fairly simple form that utilizes Field Rules and Page Rules to add complex functionality to the form and make it super powerful. There are endless possibilities and applications of using Wufoo with Rules to create really elegant solutions to hard, complex problems and workflows. If you want more in depth information about rules, you can find them here in our handy dandy Help Docs about the Rule Builder.
As always, if you have any questions or comments, leave them below. We love to hear from our customers and readers and hope you found this guide useful!
Buckle those seatbelts, dear friends. You’re in for a stellar ride with our latest integration. But fear not—you won’t have to travel far. Our newest integration with SpaceCraft—a fully hosted website publishing platform that’s truly out of this world—is in the business of making your business look good (really good) on the web.
You can showcase images, and now your Wufoo forms, in stunning galleries with options like adjustable padding and auto-cropping to help “create a rich, visual representation of your story and business.” Best of all, SpaceCraft specializes in designing websites that will seamlessly scale across mobile, tablet and PC.
No need to worry about your customers squinting, tapping, pinching or otherwise shaking their fist at the sky trying to view your site. Everything will be optimized. We love the sound of that here at Wufoo and so we’re thrilled at partnering up.
To Use This Integration
- In the “Forms” section of your Wufoo account, select the “Code” button and click the “API Information” button on the next page.
- Highlight and copy the API Key that appears, select your account and copy the subdomain of your brand new form.
- Return to your SpaceCraft account and sign in, select “Connections” > “Forms” > “Connect” in the Wufoo block.
- Type in the subdomain you chose for your Wufoo account, paste in the API Key and click “Save”.
- Go to the page where you want the form to live, click “Add content blocks” and add the “Form block.” Simply choose the form you created from the drop-down list and you’re good to go.
Check out SpaceCraft’s handy how-to video for another look.
High-fives all around to the entire crew of SpaceCraft for a fantastic integration—we’re excited to see what folks will be able to accomplish.
As always, leave us any questions in the Comments section below!
Want to join our integration family? Visit our Ultimate Guide to Integrating with Wufoo and get started today.
You know the saying, Knowledge is power? Well, some pretty darn exciting things can happen for your business when you give your customers easy access to both. Guiding them in getting the help they need and finding answers quickly when burning questions about your product come up, empowers your customers even more. This is why having a robust knowledge base or help center in place is crucial.
Online help authoring tool, HelpIQ makes it simple to create an online help center for your products or services to live in. Support documents, FAQs, user guides, tutorials and more can be online in mere minutes.
Forget about complicated, time-consuming technical setup hassles and spend the time you’ve saved on super-charging your help center. With the added power of Wufoo, get ready indeed to take your help center to the next level—it’s the ideal location for pretty much all of the different form templates that Wufoo offers.
For example, add a customer satisfaction survey to get feedback on the quality of your products, services, and documentation. Pop in an elegant contact form so your customers know exactly how and where to reach out if they can’t find the answers they’re looking for. Last but not least, since revenue drives your business, why not embed a sales lead form into your site? Potential customers routinely look through online documentation as they evaluate and learn about a company. That’s the prime time to capture a new sales opportunity.
Adding Wufoo’s bug reports, feature requests, support tickets, satisfaction surveys, and other forms will remind your customers over and over that knowledge is indeed power.
In just 3 steps, you’ll be on your way.
To Use This Integration
You’ll need an account with Wufoo and an account with HelpIQ. Wufoo has both free and paid plans. Click here to see which of HelpIQ’s plans will work best for you and to sign up for a free 30-day trial.
Create a form in Wufoo that you want to use. If you don’t want to create one from scratch, choose from over 90 templates in the Form Gallery.
Follow these instructions, or if you prefer, kick back and enjoy this how-to treat for your eyes below.
All of us here at HelpIQ are super pumped about this integration with our friends at Wufoo; big thanks to the entire team! Any questions or comments, please share them with me below.
Brett Ryckman is the founder and CEO of HelpIQ. To learn more about HelpIQ, please visit their site and get started with a free 30-day trial.
Interested in integrating with Wufoo? Be sure to check out our Ultimate Guide to Integrating with Wufoo.
We love hearing stories from our customers and we love getting the opportunity to share them here with you even more. Whether Wufoo’s helping launch a fledgling entrepreneur’s dream business, wrangling up wedding guests for a busy bride-to-be, or making access to healthy foods even easier, we’re truly all over the map—and we wouldn’t have it any other way.
Speaking of maps, let’s take a quick jaunt halfway across the world, shall we? We’re thrilled to shine our customer spotlight on India where Iris Holidays—a Government of Kerala-accredited tour operator—uses Wufoo to plan customized vacation packages for travelers visiting beautiful Kerala from all over the world.
Here to share their Wufoo story is Iris Isac, cofounder and CEO of Marketing and Operations at Iris Holidays.
Since opening our doors back in 2006, we’ve helped plan the vacations of over 12,000 tourists here in Kerala, India. Kerala is located in the southwest region of India and has quickly grown to become one of the leading tourist spots here in South Asia. Every single one of our 12,000+ trip requests has been managed and organized thanks to the Wufoo forms embedded on our website.
Improving the user experience on our website has been key in providing our clients with high quality and consistent holiday packages. Every single page on our website is linked to our contact page where a Wufoo form is embedded. When potential clients enter their contact information we get the opportunity to help a potential new adventure seeker looking for a holiday here in Kerala.
Once the client clicks Submit, all of their information is logged into our in-house CRM system. Depending on the type of information we receive, our travel specialist will reach out by email to start the vacation planning process. One of the things that we love about Wufoo? The same form can be embedded in multiple websites. Entries made in all these separate websites comes right to our single CRM system , thanks to the power of the Wufoo API.
We now have the crucial details of every single customer who has contacted us via Wufoo.
This data is used by our marketing manager for campaigns, seasonal trend analysis and to monitor our conversion rates. Wufoo’s flexibility also allows us to experiment with the kinds of data we receive by moving, deleting or adding our form fields. This is super simple to do using the drag and drop functionality. In addition, it makes the clients’ experience easier and hopefully encourages more people to want to fill out our forms.
Back in the early days, we didn’t use the Wufoo API at first. Instead we manually allocated all of the entries received with an Excel spreadsheet which was time consuming not to mention tedious. One day, we happened across the Wufoo blog and read the case studies and customer spotlights on how other businesses were taking advantage of the Wufoo API. Learning how others used Wufoo has helped save two hours, minimum, from our team members’ daily work hours. No more spreadsheets! We have also automated all of our systems and as a result, not much technical bandwidth is needed to maintain our sales funnel and more time can be spent on our clients.
After clients complete their forms, it’s incredibly gratifying to read the replies that we receive back. Clients thank us for the prompt and immediate response that they get and all of us here at Iris Holiday definitely appreciate the acknowledgement. It’s our little secret that these e-mails are also powered by Wufoo and we use these messages in order to showcase our Kerala tour reviews page.
We just might be among the first Wufoo customers from India however now we’re seeing many more local websites also using Wufoo for their contact forms. We love the fact that it’s so easy and that you can create awesome forms quickly with the drag and drop features. It spares the team from a lot of administrative headaches. We also have more time for coding, site maintenance, measuring analytics for lead optimization and can focus on strengthening our overall business performance.
Kudos to the entire team at Wufoo from all of us here in Kerala! You have made the working lives of small business owners from all over the world, not to mention their employees, far more productive—and fun!
Looking for a totally unique vacation experience? Check out Iris Holidays and get started with one of their amazing travel packages today.
Have a burning question or three about your Wufoo forms? Never fear, Kane is here! Kane’s part of the ace customer support team at Wufoo. He moved to the grand United States from Leeds, England so if you’re a weekend early riser and avid soccer (football) fan, don’t be surprised if you run into him madly cheering on the mighty Manchester United.
The floor’s all yours, Kane.
Aren’t names brilliant? We all have them, we often need to know other people’s and we can make great name pun memes on the Internet with them. So while we’re on the subject of names, let’s have a chat about the name field, shall we?
Just have a look at that beauty. So simple and easy going. It just wants to know your name and leave it at that. It doesn’t want to kick up a fuss or be fancy, but sometimes there could be an excuse to change it around a bit. The problem with that is that there isn’t too much customization you can do with the Name field at first look. Yeah, you can change the format from Normal format to a super fancy pants extended format and you can change the language, but after that, you have to think outside the box.
We often get asked if it’s possible to make all the boxes in the name field the same size. It is if you think outside of those boxes. While the name field generally likes to stay calm and carry on, the Single Line Text field takes a bit more after Bear Grylls. With some cheeky use of CSS keywords and a couple of single line text fields, you can ask for a name and have it look like this:
That’s quite nice. How did I do that you ask? Let me show you. First, you’ll want to create your form, add two Single Line Text Fields and give them their respective names—nice and easy.
Hang on a sec. Those fields are on top of each other. That’s not cool. You want them to be next to each other just like in the Name field. Easy. CSS Keyword to the rescue. You can add CSS keywords to any field you’d like and they’re perfect for putting fields next to each other. Let’s say we want to have each field take up half the page. We’ll need to use “leftHalf” for the first name and “rightHalf” for the last name.
Now let’s see how that looks.
A bit too big for your taste? That’s cool too. Let’s change the CSS keyword for each field.
Let’s have another look shall we?
Boom! Looking suave and fancy. What’s that? You’d rather stick with the actual Name field, but still make the boxes the same size? Well, if you insist. For this we’ll need some help from proper CSS. First we’ll need to figure out the ID of that First Name and Last Name section of the Name field. We can just inspect the element when viewing the form to check that out:
Cool. Our ID for the First Name happens to be Field4 and the Last Name is Field5. Yours will most likely be different so definitely check it out. Now we just need to create the simplest of CSS and apply that to our theme.
After creating your own stylesheet like this, you can apply it to your theme using the Theme Designer. Let’s look at the full finished product!
Beautifully simple, right? You can even use more CSS to change other bits like the font size and even the shape of the box. So get out there, collect those gorgeous names of yours and customize, customize away.
Questions for Kane? Leave ‘em for him in the Comments below!
Avant Garde. Alluring. Appealing. Although we’d love to come up with more words that start with the first letter of the alphabet to describe how simply awesome our newest member of the integration family is, we’d just be wasting time. Please give a warm Wufoo welcome to ALLYOU—an online portfolio and website builder for creatives.
ALLYOU is for all of you who have an eye for design but want to spend your time on you know, designing, rather than on dealing with complicated interfaces. Their elegant and intuitive front-end editor makes it a snap to set up and maintain a gorgeous online portfolio. You can take advantage of built-in templates or whip up your own design.
Now thanks to our integration, you can create beautiful websites with seamless inclusion of Wufoo-powered forms. It’s incredibly easy and the results are absolutely stunning. Ready to take a look at how it works? Without further ado, we bring you Wufoo and ALLYOU.
To Use This Integration
You’ll need an account with Wufoo and one with ALLYOU. Wufoo has both free and paid plans, the same goes for ALLYOU. Click here to see which of ALLYOU’s plans will work best for you.
Create a form in Wufoo and customize it to your needs. You can match it to the look of your ALLYOU site by using similar font settings. Don’t worry about the size of you form: You can edit the measurements when you integrate the form to your ALLYOU site. Embed your Wufoo form: Login to your ALLYOU account > create a new page and add en embed element > Select “Wufoo” and paste the URL or embed code of your form > click “ok” and switch to “view” mode.
Take a look.
That’s all there is to it, design fans! Look forward to spending more time focusing on the things that matter most to you—designing and making beautiful things—and less time worrying about your website. Leave that to ALLYOU and Wufoo!
If you’re interested in integrating your web app with Wufoo, check out our Ultimate Guide to Integrating with Wufoo.
Questions or comments about this integration? Let us know in the Comments section below or visit ALLYOU to learn even more.
It’s time for another installment of the totally irregular (really sorry for my delinquency!), but super useful (hopefully!) Back to Basics series. This time we’re going to tackle the unique and incredibly handy Section Break field type.
As always, these series of posts are meant for newer Wufoo users who are not as familiar with the incredible breadth of Wufoo features. If you’re a Wufoo Vet, then this might not be for you. If you want more Tips & Tricks, check out this archive. Super helpful.
Onward to section breaks!
The basic, but still the best use, of Section Breaks on forms is similar to what I talked about last week regarding long forms. Last week, we showed how breaking up a long form into multiple pages is crucial in reducing user anxiety and increasing completion rates. The same goes for section breaks. If you don’t want to break up your form into multiple pages, you can still get a lot of the benefits and keep to one page by using section breaks.
Let’s take a look at the following example.
This is a relatively simple form for a fundraising event looking for people to sign up, work it, and find out who’s bringing what. Asking for people’s personal contact information is also a must in the case that something comes up and we need to contact folks. We also need to know what days they’re planning to work, whether mornings, afternoons, or both are best, what dish they’re bringing, how many people their dish will feed and on and on. Simple enough, right? But after asking all of our questions, we end up with a fairly long form. Long enough that some people might see it and not fill it out.
But what if we summoned the courage and decided to use, GASP, section breaks? Well, we know we’ll need some contact info from people when they sign up for the event, so we’ll group those questions together in the same section. We also know we need to ask people some basic information about the event, like when they’ll be able to work it, so we can place those questions in a different section. Throw some section breaks in, add some salt, stir, let simmer for 10-12 minutes, and, well, look at that. Super delicious awesomeness.
Now instead of one super long, daunting form, it now looks like two super short forms. When used, section breaks quickly allow users the ability to scan the form at a very high level and get an idea of what they’re about to get themselves into. The first version of this form didn’t allow them the ability to do this as all of the form questions kind of bled into one another. But the section breaks in the second form act as waypoint markers for users so a) they know at a high level what’s going on in each section, and b) can figure out what’s going in the form without having even answered a single question. Now that’s what we call effective.
If you’ve been following along, you’re now well-versed in the most important function of the section break. Which is? The ability to help break up long forms into logical sections so that it’s easier to see what’s going on and thus easier for users to fill out their forms. Questions or comments regarding section breaks, when or how to use them, or just want to say “Hi!”, leave a comment below!
Also, if you’ve mastered the primary use of the section break and you’re interested in doing more advanced functions with the section break, you can check out the esteemed Mike Wong’s two part post (Part One, “Hyperlinks & Image Embeds”. Part Two, “Movies & Maps) detailing the advanced and super secret life of the section break.