The Wufoo Blog

Answering Prayers with Wufoo for Daystar Television Network

By Daniel Woodward · April 17th, 2014

Our customer spotlight is shining full force today on Daystar Television Network, form friends. Daystar is an award-winning, faith-based network that broadcasts 24/7 all around the globe and through as many media formats as possible.

As a result of their incredible hard work, the network reaches over a staggering 104 million households in the United States and 2 billion+ people worldwide.

Daystar is the fastest growing faith-based TV network in the world and we’re honored to have Daniel Woodward, Director of Marketing, visit our humble blog to share their Wufoo story.

Welcome, Daniel! Tell us—How’ve you guys been using Wufoo?

We use Wufoo for all of the day-to-day stuff you’d expect like registrations for upcoming conferences but recently we started using forms for something a little bit unexpected—online prayer requests. Prayer is very important to all of us here at Daystar so reliability was key in our decision to go with Wufoo. That form connects to Zapier and to a help desk. This workflow ensures that we get back to people in a timely manner and let them know that we’re praying for them.

There’s custom code in place that flags emergency situations for us such as if a person submits a form saying they’re thinking about hurting themselves. This allows us to react quickly especially during peak times when our phone lines may be tied up. We also use Wufoo’s API to pull the prayer requests for use on air.

How has Wufoo changed the way you do business?

It’s truly helped the Marketing and Partner Services teams here at Daystar focus on what’s most important—our customers’ experience. We’ve also been able to concentrate on expanding and improving upon our integrations rather than waste a ton of precious time and money on development resources typically associated with building forms from scratch. Then there’s the question of making sure that they’re working properly. We don’t have those kinds of worries with the simplicity of Wufoo forms.

What’s been your favorite experience so far?

Reliability and consistency is super key. In other words, I know that Wufoo will just always work. In the past, I’d used plugins and other services and when you go that route, you’re constantly worrying that a single update will end up destroying all of your hard work and annoy your customer base. That’s really been the whole team’s favorite experience.

I mean, Wufoo is pretty rad. People still say that, right?

We say it a lot around here, Daniel. Thanks for coming by, it’s most certainly been rad and don’t be shy. Send him your questions and comments below.

For more information on the Daystar Television Network, head over to their page.


Heartbleed: A Note From Wufoo

By Johan Lieu · April 11th, 2014

On April 7, 2014, researchers disclosed a vulnerability in a technology called OpenSSL that powers encryption across much of the internet. The vulnerability is commonly known as the “OpenSSL Heartbleed Flaw.”

Our team took immediate action to secure Wufoo’s infrastructure against this flaw. We closed any exposure that might have existed and now want to let you know that Wufoo is not vulnerable to the Heartbleed flaw.

Although we have no reason to believe that any part of our service has been improperly accessed due to this vulnerability, as a matter of best practice we would like to recommend that all our customers reset their passwords. To reset your password, here’s what you do: Go to the User Management section. Once you’re in the User Management section, click on the Change Password button. A dialog window will appear and allow you to enter new password information. After entering a password, press the Save button to save the changes.

Rest easy tonight knowing your forms are safe. Form on, friends!


How to Choose a Payment Processor from Our Integrations

By Aubriane Taylor · April 10th, 2014

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

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.

PayPal Standard

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.

For Businessess

Braintree

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!

Authorize.net

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.

USA ePay

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

Chargify

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.

Freshbooks

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!

The Conclusion

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.


Asana and Wufoo: Get More Done with Less Effort

By Kayte Korwitts · April 8th, 2014

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

  1. 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.

  2. 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.

  3. To do so, you’ll first need to find your Asana Webhook URL. The Asana Webhook URLs follow this structure:

    http://wufoo.asana.com/project/project_id

    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!

  4. 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.

  5. 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!

  6. 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!


Fear Not, Form Fans! Import Those Predefined Choices

By Jen Bjers · April 8th, 2014

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.

image

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!


Back To Basics: Getting Down And Dirty With Rules

By Johan Lieu · April 4th, 2014

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!


Design Out-of-This-World Websites with SpaceCraft and Wufoo

By Kayte Korwitts · April 3rd, 2014

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

  1. In the “Forms” section of your Wufoo account, select the “Code” button and click the “API Information” button on the next page.
  2. Highlight and copy the API Key that appears, select your account and copy the subdomain of your brand new form.
  3. Return to your SpaceCraft account and sign in, select “Connections” > “Forms” > “Connect” in the Wufoo block.
  4. Type in the subdomain you chose for your Wufoo account, paste in the API Key and click “Save”.
  5. 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.


Take Your Help Center to the Next Level with HelpIQ and Wufoo

By Brett Ryckman · April 1st, 2014

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

  1. 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.

  2. 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.

  3. 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.


No More Spreadsheets! How to Book 12,000+ Vacation Packages in India with Wufoo

By Iris Isac · March 19th, 2014

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.

Welcome, Iris!

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.


Get a Wufoot-hold on the Name Field: Tips on Sizing.

By Kane Stanley · March 7th, 2014

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!


  • 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