Guess what? We’re all human. Yep, and we working humans need to sometimes take sick days or need a personal day or even (gasp) take a vacation! And since it’s important to be a team player at work, letting your colleagues and the boss know when you’re out is key. Say hello to your Out of Office email notification. Even better news? Wufoo can help you create a powerful and communicative Out of Office system so you can keep everyone informed of when you’ll be out and your coworkers too. So let’s walk through some of the basics, and maybe even cover a few more advanced options.

Ready? Let’s get started.

The first thing to do is consider what sort of information you’ll need to collect. At a bare minimum you’ll want to record who is going to be out, and when they’ll be back. You can go further and ask for some additional details like why they’ll be out (Vacation, Sick day, etc), but the specifics will depend on your particular situation. For now, we’ll keep it simple:

Now that we’ve got that all set, let’s move on to Notifications. Having an Out of Office calendar doesn’t do much good if no one knows about the requests, so we’ll want to add a Notification email to let the requestor’s supervisor and team know that they’re going to be gone. This is done through the Notification Settings menu, by clicking the aptly named “Notifications” button under your form:

In this example, we’re just dealing with a small team, so we can list out everyone’s email address separately, but if you’re dealing with a larger group you might want up to set up a mailing list alias for your team. That way you can just add the single address, and have your mail system automatically send a copy to each individual. This has the added benefit of not requiring any modifications if your team changes personnel. Just update the mailing list and you’re good to go, no need to edit your Notification Settings.

And there you have it! A simple, easy Out of Office system for keeping everyone on your team on the same page. That’s really all you need, but hey, since we’re on a roll, let’s go over a few optional improvements.

Alert! Alert! Bonus How-tos Ahead

Google Calendar: If you want to track all your Out of Office requests in a single online calendar, you might be interested in our integration with Zapier. Zapier connects Wufoo to dozens of other apps, including things like Google Calendar, and can allow you to do things like create new events on a calendar.

Dynamic form: The form we built above is pretty basic, but with a few more minutes we can take things to the next level. Using Field Rules to dynamically hide and show fields only when they’re necessary will allow you to have to have the benefits of a longer, more complex form, while still keeping things as simple as possible. For example, maybe you only need to collect an emergency contact email if the user will be gone for more than a week

or you want to allow users to upload a copy of a doctor’s note if they’re taking a sick day

You can even use Field Rules to set up some basic restrictions on dates, such as requiring all requests to be at least a week in the future:

This is done similar to setting up an “age gate,” that you can see here.

You can find more examples of how you can use Field Rules here and in this Back to Basics blog.

And there you go, intrepid humans! We hope this how-to on setting up an Out of Office system makes you beloved even more than you already are amongst your coworkers and colleagues.

A few weeks ago, we started a brand new CSS series by teaching you how to create your own CSS stylesheet and add that to your Wufoo form. Today we’re going to stay simple and learn how to change parts of your form when you hover over them. This is done through a really easy selector:

:hover

The :hover selector is an absolutely simple and brilliant way to liven up your form. The most common use for the :hover selector is on hyperlinks. You know when you hover over a link and suddenly it’s a different color and underlined? That’s the :hover selector at work. We’re going to use the form and stylesheet from our previous post to show a couple of examples of the :hover selector at work. Let’s get started.

Remember the simple CSS we used last time to change the border color, width and radius through CSS? Let’s use that same image and change the border color when the user hovers over the image. Here’s what it’ll look like with the CSS from last time with it:

Where you see img:hover is where we change the border color. Now, if you hover over an image in your form the border color will change #261E1E. That’s black to you and me. Let’s check out a before and after shot:

As you can see when you hover over that image, it changes from burgundy to black. That’s about as sweet as the shark tattoo in the image! It’s a subtle, but great way to make your form interactive and a bit more fun to fill out. Ready for another example?

Let’s say you have a multiple choice field and you have images as your options in the field. You could make those images appear transparent at first and become more visible when you hover over the image. It’s also very simple to do. The class for the multiple choice selections is .choice. All you need to do is make those images transparent by default and then pull them into full view when one selection is picked. That can be done with opacity.

We want to make the images to be at least slightly visible at first so an opacity of 0.5 should suffice. We’ve then added :hover to that class to show the full image when the user hovers over the choice. How will the finished product look?

Want to see the form in action? Well, naturally. Check out our video snack below and stay tuned for more ways to improve your form through CSS!

Have more CSS questions? Leave them for Kane our CSS guru down below—we check daily!

In a nutshell (sorry, can’t resist!), we love integrations here at Wufoo. Getting to partner with other fantastic companies and services to bring you the best in online form-building is why we come to work with big ole grins on our faces. So allow us to introduce you to our latest partnership with the small business CRM, Nutshell. And give a back-slapping, high-five Wufoo welcome to Ahmad Aggour of Nutshell as he takes you through the paces of this sweet integration!

Take it away, Ahmad!

Nobody (that we know of, anyway) wakes up in the morning thinking to themselves: “I can’t wait to manually input a bunch of information into my CRM today!” In fact, data entry is oftentimes one of the reasons why CRM adoption rates might be less than satisfactory.

Well, thanks to our partnership with Wufoo, you can eliminate the need to manually enter form data in your CRM. That means you can spend more time doing what matters—nurturing those relationships and closing sales!

Nutshell is the powerfully simple CRM that combines consumer-level design with practical business functionality. The result? A tool that enables growth and sets your business up for success. Your sales teams will be tracking and nurturing each and every opportunity, without letting any fall through the cracks. Your customer service team will be able to better manage the relationships you have with your customers.

With Nutshell + Wufoo, you’ll be able to:

Create new accounts in Nutshell based on Wufoo form data.

Automatically add tags to form data in Nutshell.

Collect more robust data in Nutshell.

To Use This Integration

Create an account with Wufoo and with Nutshell. You can start your 14-day free trial of Nutshell here.

Create a form in Wufoo with the information that you want to capture and store in Nutshell.

Set up your Nutshell account to integrate with Wufoo using WebHooks. You can use these easy-to-follow instructions, or you can watch the short video that walks you through the easy process.

That’s all folks. Now you can enjoy all the extra time you have now that you’ll no longer be doing all of that tedious manual data entry!

Ahmad Aggour is the Marketing Strategist at Nutshell—questions/comments for him? Leave ‘em in the Comments section below.

Hey there, Form Builders and lovers of all things social—media that is! Recently we revamped (and re-revamped) our Share Page, our one-stop page where you can explore all of the different ways to distribute your forms—including embedding it into that fancy pants website of yours. And don’t worry, we’re keeping this tip short ‘n sweet—all the more time you’ll get to spend on form-building.

So, let’s get social. Behold the “Share On Twitter” section of this mighty Share Page of ours:

With a single click on the “Tweet” button, you’ll be able to share your form out into the Twittersphere via hyperlink. Clicking the Tweet button will then open Twitter in a new window where you can log in and tweet the populated form link:

The first time you send a tweet from one of your forms, you’ll be prompted to enter your email or username and password. Once you’ve logged in you’ll be able to tweet all the tweets.

When you think about it, Twitter and Wufoo make a great match—it’s a simple and effective way to get those forms out to a fresh audience quickly and easily. One quick click and you can be collecting information, from demographics to sales leads and whatever else you can dream up from your followers.

And…wait for it—here are a few more examples of that sweet Tweet button in action (cuz why not?):

And there you have it, form fans. With this nifty feature in your form-building toolbox, your potential for reaching out to current and future customers is that much greater.

Have more burning questions? Don’t forget to check out our Guides page and get ready to get enlightened on all things form-building and more!

Heads-up, form fans! Give a warm welcome to our honored guest blogger, Mr. Mike McNulty of Solve CRM. Sound familiar? Good, because we’ve blogged about these CRM all-stars before and when Mike asked if he could share some pro tips with all of you on how to maximize that sweet CRM potential of yours? Well, what do you think we said?

Get ready for some CRM wisdom, people. Take it away, Mike.

If you’re running a business website, you’ve probably got an online contact formembedded into your site so visitors can submit inquiries, sign up for your newsletter, request a demo, or get in touch with you for just about anything else.

And it’s likely that you use a CRM (Customer Relationship Management) system to store the customer (and potential customer) data you collect. But how do you get the customer info you’re collecting via your website forms and the data you’re collecting from other landing pages and marketing efforts all into one place?

It’s easy! Your website visitor data can be automatically transferred into your CRM using a Wufoo-CRM integration. (Check out all available integrations here!) And once you’re all integ-ready, there are 3 things you can do to optimize your Wufoo-CRM powerhouse. Ready to learn? Of course you are.

1. Capture & Categorize

The #1 rule for optimizing your Wufoo-CRM integration? Be flexible. The more choices you include in your forms, the more comfortable your visitors will feel giving you their information. Plus, it’ll be easier to personalize how you follow up with them. So make sure any form on your website is set up to include the right fields.

A good place to start is with a dropdown menu. For example, sort your contacts by asking site visitors, “Why are you contacting us today?” And when you ask for email and phone number, ask them to tell you which method of communication they prefer. You can even include a file upload fieldso existing customers (and potential clients) can submit photos or other documents. That way you’ll contact them, ready to offer feedback, tips, or price estimates.

In short, your CRM should enable you to capture data using varying form fields—and tag contact records as they arrive, so that your data are given the right context. Websites that collect different information from different types of visitors should consider using separate Wufoo forms with unique fields and tags. With better data and more context, your staff can qualify leads more accurately and make faster decisions.

2. Automate Next Steps

Staff love when you make their lives easier, and you love it when there are no cracks for things to fall through. So when you capture a visitor’s data from your website, make sure they get assigned to someone automatically, and that their record is shared with the right people. Any series of tasks that need to be performed should be created and assigned immediately. Perhaps future emails should be scheduled or “Welcome!” phone calls planned. And if there are help desk tickets or emails related to this person, those should all get linked to the contact record as well.

Many teams need contacts, tasks, and events synced to particular member’s Google Apps accounts. You can also help your clients automatically maintain their profile with you by having your CRM simply update their record as they fill out your Wufoo forms. This helps centralize your client data and prevent duplicate records from weighing you down. With all the meticulous and repetitive work automated your team can focus time and energy on clients.

3. Take Action

Here’s where the fun really starts because your team can now begin to leverage your setup, and use your CRM to demonstrate value to your new leads.

Scheduled emails are being received. Follow up phone calls are being made. Prospects are being added to marketing campaigns. Projects are being set up and shared while draft invoices are being prepared. Your existing customers and potential clients will think you have an army of staff dedicated to them.

Every step of the way, updates are being made and shared centrally in your CRM. So when a prospect calls you, you know exactly what they are talking about. Or if the client emails you, you can see their entire history in Gmail, so you’ll know how to respond appropriately, without even jumping back into the CRM.

Your business should seem like a surprise party for your prospects. Your team should seem like a well choreographed group of friends, welcoming them with a shower of personalized service, delivered with effortless efficiency. Wufoo helps trigger such a party when it’s integrated with a CRM that leverages other best of breed apps: email apps like Google Apps, accounting apps like Xero & Freshbooks, campaign apps like MailChimp & Constant Contact as well as Zendesk for helpdesk and RingCentral for incoming phone calls.

Remember, online forms and CRMs are helpful on their own, and once they’re connected, they can turn your business into an automated powerhouse.

For more information on how you can get started with Solve CRM or if you just want to give a “Hey there!” to Mike, click!

We all know that you can use the Theme Designer to make your form look absolutely wonderful, attractive, lovely, beautiful, brilliant…and we’ll stop now before we get too carried away. (Too late.) It may be a little less well known, however, that it’s possible to use your own CSS in a theme to fully customize the look and feel of your forms.

So we’ve already whipped up a nifty blog post that gives details on how to use custom CSS in a Wufoo form. This post is ace and can really help you add custom CSS to a form.

But for those of you wanting to get down into the real nitty gritty on creating your own CSS style sheet from scratch—this post shall reveal all. Even better, we’re not stopping at just one post either: Say hello to our CSS Tips ‘n Tricks kickoff Series! We’ll be sharing cool CSS how-tos designed to make your form look even more attractive than say, a stunning beach sunset (really).

In our first installment, we’ll walk you through the steps you need to create a CSS style sheet through Notepad, upload that to Dropbox or Google Drive, and apply it to your form.

Ready steady? Let’s go.

1. Create that CSS on Notepad

Let’s start by creating our actual CSS. Generally when Notepad is mentioned, you might hear people asking why the heck you don’t use Word instead. Well, Notepad, we’re on your side for this one. Open up Notepad and add your CSS. For our first CSS trick, we’re going to keep it really simple. We’ll put some nice curves on all our images in the form and give them a reddish border. That’s going to make all your pictures look mega-cool:

We’ll check out how that looks later, but for now let’s Save this so we don’t lose it. Click File and Save As. This bit is important so pay attention! You’ll want to save the file with .css at the end of the name. That will make sure your file is saved as a CSS style sheet rather than just a Notepad file. It should look a bit like this:

Congratulations. You’ve just created your first CSS style sheet. In order to apply that to a theme in Wufoo, you have to host that sheet on the internet somewhere. This can be hosted on your own website or any hosting site that will host your files using https. We’re big Dropbox fans, so let’s go that route first.

1. Upload your CSS to Dropbox

Uploading a CSS file to Dropbox is simple. Head over to dropbox.com and log in to your account. Once you’ve done that, click the Upload tab as shown here:

Once you’ve uploaded the file, find it in your list and hover your mouse over it. A SHARE button should show up. Just give that a click and you should see this:

We’re really close to having the finished link but there’s just one more thing. If you were to share the link as is, you’d quickly discover that the CSS doesn’t work. That’s because the link ends in dl=0. The details behind that not working are a bit boring so we’ll spare you. Just change the end of your link to dl=1. Once you’ve done that, you’re all sorted. Add that link to the custom CSS section within your theme designer and your CSS will show up in the form.

3. Upload your CSS to Google Drive

Some people prefer to use Google Drive over Dropbox and that’s completely cool. There are a few more steps needed with Google Drive, but it’s still pretty easy to upload your CSS to Google Drive. First you’ll want to log in to Google Drive and create a public folder. Once you’ve done that, click in your folder and upload your CSS file to the folder.

Just like with Dropbox, you still have to get the correct link to use with Wufoo. To do that, click the Information button in the top right corner of your page. Make sure that you click Details and that your sharing is set to Public on the web. Once you’ve done all of that, you should see the Hosting link. That’s the link you need to add to your theme. Here’s a visible step-by-step:

4. Add the link to your theme and enjoy

This is the easy bit. Just add that link to your theme via the Theme Designer and apply your theme to your form from the Form Manager. Let’s have a look at our finished product.

Check out those sweet curved edges and cool reddish border, eh?

So we wanted to take you through how to create the CSS from the ground up this time and we hope it was insightful. Stay tuned for more CSS tricks to make your form look (and feel) fantastic.

Happy New Year, Wu-friends, Emilie from Support here! It’s a new year which means you get a new start. But 2014 isn’t too far behind us just yet. And so in the spirit of bringing what we’ve learned from the past into our form future—we’re here to share the top 3 support questions that you, dear customers and form ninjas, have asked us about in the last year.

If you take these 3 tips—along with Michael’s handy 3 common pitfalls to avoid blog—into the new year with you as you create those fab forms of yours? Well, then we guarantee you’ll be set for genuine form success in 2015.

Let’s get it going, shall we?

1. Help! How do I reset entry IDs?

Since you’re a savvy form builder, you know to submit a few test entries to your Contact Me forms before it goes live. The form performs just how you want it to, so now you can delete those five test entries. After you do, the first entry in the Entry Manager is numbered 6, not 1—even though it’s currently the first entry in the list.

No matter which entries are deleted from your account (and when) the entry ID associated with each entry in the form will remain the same. This ID number is hard-coded into our database, so there isn’t any way to update it. Being aware of this will help you keep track of all the submissions your forms have historically received.

What’s the work-around if you need to start numbering entries from scratch again? Duplicate the form and collect real entries through the duplicate. When you duplicate a form, none of the entries are carried over, so any new entries collected there will start at 1 again.

2. Argh! Having SSL issues. What can I do?

We’ve enabled SSL security by default for all forms free and paid. So this means that the data submitted will always be secure, whether you’re sending out the direct form links or embedding them in your site with the code we provide you.

However, SSL encryption can cause a conflict with CSS-hosted themes, which many of you have written in to us about. If you’re hosting your form theme with a custom CSS file, make sure that the CSS file is loading over SSL as well. There are several great sites that generate SSL URLS for free, like Dropbox or Google Drive.

We can tell the example theme below is SSL-encrypted, due to the https:// in the hosted file URL:

Is your CSS styling not showing in the live form? Here’s how to resolve the issue:

Host the CSS file somewhere else, where it is encrypted.

If you prefer to avoid all SSL browser conflicts, you can remove SSL from both the hosted CSS file, and your form. Click here for instructions on how to disable SSL on your form.

3. Show me the way of templating, please!

Aaah, Templating. One of the most powerful and useful tools in the Wufoo bag o’ tricks can sometimes be tricky to get the hang of. And for those of you out there not already familiar, this feature lets you pull form data into the confirmation message and email, and notification email. Translation: The people who submit an entry will receive a personalized confirmation email/message including their name, email address, or any other information they inputted to specific fields! Or simply—when new entries come in, your colleagues can see the Entry ID, date it was submitted, or even the total amount paid, all at a glance in the subject line of the notification email.

Templating has two components:

→The Template tag
→The Parameter

The template tag is what tells the system to pull either field or entry data. The parameter tells the system specifically where to pull that data from. Let’s see how this works using my Contact Me form as an example: I want the Confirmation Message to show the date the user selected.

The API Information page will open. Take the ID number of the field that you want to draw data from, and note that this doesn’t always correspond with the order that fields appear in the form. In this case it does: The Date field is also API ID 1.

Head back to the Form Settings tab. The template tag for pulling field data is: {entry:Field#}

Combine this with the parameter: The API ID number. Replace # with 1, and place this tag where you want the date to appear in the message. So when you’re all finished, this is what the Confirmation Message will look like from your end:

But after submitting an entry, the users get the personalized message:

Awesome, right? For those of you who’d like a more detailed Templating walk-through, check out Aubri’s great blog.

Thanks for reading and as always, please feel free to leave any comments, questions, or suggestions below. Form on, friends!

When we began the process to redesign the Share page (the artist formerly known as the Code Manager) our main objective was to simplify the user experience and interface for all Wufoo users, both new and experienced alike. Part of that process was to examine all of the sharing methods and see if we could focus down the page to the options that the vast majority of users were using and remove the ones that weren’t.

In short, we messed up.

After we announced the redesign, you guys let us know that the advanced options we removed in the effort to simplify the experience were integral to your workflows and with their removal your Wufoo experience suffered. The discussion was passionate and appreciated and we heard you guys loud and clear. Today, we just released an update to the Share page that returns the advanced features that you’re used to.

Short Link

We’ve added back in the short, easy to read URL as another way to share a link to you form. Instead of the unique identifier for your form as part of the URL, this link contains the title of your form.

As always, if you change the title of your form, all previously shared short links to your form will no longer work and you’ll have to share the new link with the new title.

Advanced Sharing Options

We’ve returned both the iframe embed option as well as the HTML/CSS download file for all users. Some of our more advanced and technical users require these features for their specific implementations of their Wufoo forms and now they are back.

Given that these advanced sharing options usually require a lot of knowledge of each user’s specific environment and implementation, we suggest that the majority of users use the preferred methods of sharing or embedding their forms (permanent link or Javascript embeds) and that only our most technical users use these sharing methods.

What We Learned

Finally, I’d like to talk about what we learned with this latest change to the Share page and how it’ll change our process going forward.

First, no matter what our data says regarding usage or engagement, we’ll strive to make sure that whenever we update Wufoo we make sure that we account for our power users who are taking their Wufoo accounts to the edge and have really technical implementations. We won’t be so heavy handed in simplifying Wufoo to the point that power users are left out in the cold.

Secondly, we’ll do a better job of communicating these changes to you guys. Both more clearly and earlier in the process. We’ll make sure that whenever we do push big changes to Wufoo, you’ll know about it well ahead of time. We’ve always tried our best to do this but it’s something we can and will continue to get better at. You guys deserve it.

Finally, this isn’t something we learned so much as a genuine thanks to the entire Wufoo community who gave us pointed, critical, and totally helpful feedback here on the blog, as well as on that them there social networks like Twitter and Facebook.

We do read every comment, tweet, and post from you guys and welcome all comments and criticism of what we’re doing here. We appreciate frank discussions about how to make Wufoo better and please know that we care a whole lot about making and keeping Wufoo awesome and the best form builder out there. Thanks again for all of your support and if you have any notes, comments, or questions, please let us know below.

Season’s Greetings, dear Wufoo-ers! It’s the perfect time of year to heat up a mug of hot cocoa, grab your softest blanket, and snuggle up at your desk for a cozy day of form-building. But don’t get too comfy just yet. Today, we’re going to dive deep into three common error messages that users occasionally run into when getting down to form business. While the following three errors may throw off your form-building groove at first, we’ve got in-under-a-second changes for each one that’ll get you back to building in no time.

Let’s jump right in, shall we?

1. Required Drop Down fields and Default Answer Options

Scenario: You’ve just completed building your form and so far things look great. The time has come to run a test through. When you click the Submit button you’re looped back around with a big red !error! around your required drop down field. “But there’s a legitimate answer there,” you protest.

Chances are that your legitimate answer choice is the default answer option for your field.

Why am I getting this error?! Well, when you make a Drop Down field required, the user must select a choice other than the default answer. When a user selects the default option (the one that is selected when the page loads), Wufoo will consider that as not making a choice and will display the dreaded error.

Fix - You have a couple of options here to clear this up. You can:

Remove the Required validation from the field settings, since it will submit a choice anyway
OR

Add a blank answer first

Add a choice with Choose One as the default answer. That way, the user has to select something other than blank or Choose One to complete the submission.

2. HTML errors and “NaN” in the form builder

Scenario: You’re making the final edits to your form in the form builder and suddenly you realize that you can’t use Wufoo’s awesome drag and drop functionality to rearrange fields on your form. You also see this cryptic NaN message in place of the field number when looking at some of the field settings.

Why am I getting this error?! Both of these “symptoms” indicate that you have an HTML error in the content of one of your field labels. Even the tiniest of errors can make the form builder go a bit loopy. Typically our users run into this when an HTML tag isn’t closed all the way.

Fix: To resolve this, you’ll want to first locate the error in question. You can easily do this by taking the following steps:

Open up your Form Builder

Click on each of your fields in the form design to open up their field settings. Find the first field with NaN. displayed instead of the field number.

Click on the the field directly above that one in the builder. This is likely the field with the HTML error. As mentioned above, typically the issue is the HTML tag being left open.

Make edits to the HTML as needed

Save Form

Once you save you’ll be able to use the drag and drop and those pesky NaN messages will be replaced with the field numbers again.

3. Exclamation Points in the Rule Builder

Scenario: You’re getting fancy with a registration form and have decided to use field rules to dynamically SHOW fields depending on the number of registrants the user has. Here is your vision: If the user would like to register 4 people, 4 name fields will display. If you a user would like to register 1 person, 1 name field will display. When you go to save your fabulous rules you get a bunch of glaring yellow exclamation points!

Why am I getting this error?! Our rule builder can’t SHOW or HIDE the same field in multiple different rules.

Fix: To patch this up, you’ll want to add multiple conditions to a single rule, by using that grey plus sign next to the first condition.

Instead of a separate rule for each registration, you’ll want to set it up so that a single rule reads:

“If how many campers would you like to register?” is 1
OR
“If how many campers would you like to register?” is 2
OR
“If how many campers would you like to register?” is 3
OR
“If how many campers would you like to register?” is 4
SHOW 1.) Camper Name

Whenever you see those exclamation points in the rule builder, you’ll want to ask yourself, “How can I consolidate multiple rules into a single rule with conditions so that there aren’t any conflicts?”

Using multiple conditions will ensure that your form rules work as intended and will eliminate those big exclamation points when saving/editing in the rule builder.

There you have it! Hopefully these tricks make some of Wufoo’s more daunting errors more approachable. Of course, if you run into any error messages that you’re unfamiliar with and can’t find info in our docs, feel free to reach out to our support team at any time.

Today we released a new streamlined and redesigned Share page (the artist formerly known as the Code Manager) in the Wufoo Form Manager. We cleaned up a lot of the clutter to make it easier than ever for you to share your form where you users and customers are. Let’s walk through some of the changes and new features:

Share Is The New Code

The most obvious change we’ve made is to rename the “Code Manager” to “Share”. We’ve also updated the button on the Form Manager from “Code” to “Share” to make it even clearer how to share your form. This change is a long time coming since Wufoo has offered plenty of ways to share forms that wasn’t just code.

Cleaned Up Interface

Previously, the Code Manager was a mess of hidden tabs and it was difficult to figure out what you needed to share your form the way that you wanted to. In the redesign, we did away with a lot of unused features and clutter and removed the tab structure and instead broke out the various methods you can share your form into three parts: links, social sharing, and embedding your form.

The first section is fairly straightforward. This is the traditional permanent link to your form that will never change, perfect for sharing with colleagues or customers in an IM chat, email, or any other ways you share links.

The second section is other methods of sharing, primarily on Twitter, Facebook, or email. More about this section below.

And the final section is where you’ll find the code snippets to embed your Wufoo form on your own site, or even on your WordPress site/blog.

Social Sharing

With this update, we’ve also added two new ways to share your form. You can now easily post and share your Wufoo form to your Twitter or Facebook account. No more copying and pasting links and bouncing between tabs!

To do so, simply click either the button of the social network of your choice and a new window will appear asking you to log in to your Twitter or Facebook account. If you’re already logged in, you’ll see the sharing prompt where you can modify your message before sharing. Click the share button and boom, you’re done! A link to your Wufoo form has been automatically shared to your social network of choice increasing your form’s reach and visibility.

We’re really happy with how the new Share page looks like and think it makes it a lot easier for you to share your forms with your users and customers. We know it’s a big change so we’d love to hear what you think about the new Share page below.

Updated 12/8/2014: Based off your overwhelming feedback, we’ve updated the new Share page to include the previously removed Short Link URL to the links section. We’ve also added a new section named Advanced Sharing Methods which includes complete HTML/CSS download of your form and the iframe embed for circumstances where Javascript is unavailable. These last two features are for advanced users and we suggest that the majority of users use the preferred methods of sharing or embedding their forms (permanent link or Javascript embeds). You can read more about these updates in this blog post.