How to create interactive PDF forms

If you’re like me then you like everything from your website down to your legal contracts to look well designed and function to your client’s liking — which in most cases is… easily!

The problem with creating forms and other documentation for a client to fill out is most are created in Microsoft Word, or other form of word processors, because we’re afraid the client won’t have the right software to open, add to it and return it.

In doing so, the design is compromised because of word processor’s inability to function like professional design software. While MS Word is typically found on most computers and regarded as the most compatible document to send someone to fill out and return, that doesn’t mean you can’t have your cake (aka “good design capabilities”) and eat it too (aka “compatibility).

Adobe Acrobat Professional to the rescue!

Adobe Acrobat Professional gives you the ability to turn your previously designed, standard PDF file into an interactive form that clients can download, easily fill out, print or effortlessly return to you by email. All they need is the free Adobe Acrobat Reader, which can be download here. And most clients I’ve spoke with already have it installed. Here’s how you can create your own interactive PDF:

Create your document

First, design your documentation or form in the software of your choice. InDesign is my first choice of page layout programs, but feel free pick your own…

Once you’re completely satisfied with the design, save it as a PDF.

Open it in Acrobat Pro

From the top toolbar, choose File > Create PDF > From File… Then, choose the PDF file you created above and click Open.

pdf open in acrobat

You should now see your beautifully designed PDF open in Acrobat Pro with a toolbar that looks similar to the highlighted image above. This toolbar is where you provide interactivity to your static PDF.

Adding Interactivity

Select the Text Field Tool (pictured below):

text tool

Drag out boxed areas on your PDF where you would like the client to add their information. NOTE: Acrobat can also use its auto-detection feature to assign text box areas to predetermined underlined areas.

text field area

After each box you create, a dialog box will appear that allows you to customize the text field area. Below you can see my changes, but feel free to customize to your liking.

general

appearance

options

Adding the ‘Submit’ Button

Now that you have your text areas specified, it’s time to add a ‘submit’ button so your clients can easily email you back the completed form.

For this we need to select the Combo Box tool (highlighted below):

combo box tool

Once again, drag out an area where you would like your ‘submit’ button to appear.

combo box area

Again, a dialog box will appear. While you can customize these settings as well, the steps (images) I have listed below are essential for making the form submittal by email.

actions

Once you click ‘Add…’ a new dialog box will appear. Change these settings to:

url for submittal

Click ‘Ok’ and continue making changes to the other tabs:

submit options

click to email

Click ‘Close’. You should now have text areas and a submit button that looks similar to this:

completed form

Last Step… Customize the Form Preferences

This step is not necessary but handy!

From the menu bar choose Acrobat > Preferences… (or Edit > Preferences on a PC). From here you are able to change the default yellow highlighted text areas (seen above) to better fit the look of your form.

customize form settings

That’s it! You now have a PDF document that can be edited by your clients and quickly emailed back to you.



Discussion and Comments

+ Add to the discussion
  1. Afovea says:

    That’s great, i’ve been wanting to get round to doing this for ages but everytime i go to look into it i’ve been put off by lengthy tutorials and boring text heavy manuals… this was concise and straight forward and now i’m gonna have a go. Many many thanks!

  2. Jodith says:

    I’m not put off by learning the software, I’m put off by the COST of the software. Many offices (especially non-profits) just can’t afford the cost of Adobe software. If you’re a non-profit, you can get it fairly cheaply through TechSoup, but others just can’t afford it.

  3. I’ve wanted to figure this out for EVER! Thanks for breaking it down like this!

  4. Brian says:

    Jodith,
    All the client needs is the free Adobe Acrobat Reader to be able to fill in the fields. In order to create it, you need to have Acrobat Pro, but most designers should have it already if they have the Creative Suite.

  5. Max says:

    Nice one, this is great, very useful, im going to create my own!

  6. QC says:

    Hey Brian, thanks for that. I’ve been able to use Adobe Acrobat but when it comes to footing the bill for the software for a project or two… YIKES! I’m with Heather when it comes to the cost.

  7. I was just thinking about this last week. Perfect timing.

    So I’m guessing the client will need a connection to the internet when they click submit yes? What happens if they try to submit without a connection, does anyone know? Error message?

  8. ronicadesign says:

    Great post Brian! I always need a refresher when I do these, since it’s few and far between that I need to create one. Great resource to add to my bookmarks – Thanks : )

  9. Simon Vallee says:

    Good stuff!! I’ve been wanting to do this for a little while, and I now i can just follow your directions. :)

    Much thanks,
    Simon

  10. lizardboi says:

    Hi, what about using OpenOffice Draw, to acchive something similar? Comboboxes can be drawn there as well, you can export it to pdf ormat etc. Did I mention it’s free?

  11. crazywabbit says:

    What version of Acrobat pro did you use for this. On version 7pro it forces me to another program called adobe designer.

  12. [...] Hoff sent us this link to his tutorial How to create interactive PDF forms to impress your clients. Tutorial how to easily create your own interactive PDF that clients can fill out, edit and submit [...]

  13. Brian says:

    Lizardboi,
    OpenOffice is not really meant for design. While it does have some design elements, it can’t really compete with InDesign or Quark for layout. Also if you create combo boxes and export OpenOffice document as a PDF, can it be edited?

  14. Brian says:

    Wabbit,
    To my knowledge I’m only aware that it works in 8 Pro and the new 9. Not too sure about 7… If you have the CS3 package or higher it allows you to create them with Acrobat. I’ll try to look into 7 for you.

  15. Vin Thomas says:

    I noticed you blurred out your phone number. FYI, you left it in there on one of the images.

  16. THANKSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS!
    For this delicious tutorial; it makes our clients contact more direct.
    Thanks again because sharing your knowledge you are getting an internet more friendly for all.

  17. Brian says:

    Vin,
    Haha! Yes, but then I forgot that my number is on my contact info on my portfolio, so it really didn’t matter :) — good eye!

  18. Brian says:

    Elcodigodebarras,
    Glad you found use from the tutorial. I am very particular for making all of my documentation match my brand, so this works out nicely for me. Allows me to design as I like and still make it easy on the client to provide responses. Thanks for the comment!

  19. lucas says:

    we use this for our budgets, faxes and invoices… is great

  20. [...] How to create interactive PDF forms to impress your clients | The Design Cubicle – [...]

  21. crazywabbit says:

    Brian, I have made one up in acrobat 7, it directs me to adobe designer for designing the form. The only problem i get is with Mac users who press the send button and nothing happens. I looked into this and it seems Mac opens the pdf in viewer and not acrobat.
    In this case the send button will not work.

    If you do have a Mac let me know and i will send you my form and you can try.
    I appreciate that. Let me know.

  22. Gregg Moore says:

    Jonathan ,

    I would think if they have the form in front of them they must of downloaded the form or received it in an email? No?

    Greg

  23. Sean says:

    Rather than using InDesign for creating print layouts and PDF’ I’ve been making good use of Scribus. Scribus is an Open Source clone of InDesign with direct to PDF printing built into it. There’s no question that InDesign is a much more powerful program however since I only do a few print jobs a year the price of the software is far too high especially when Scribus does everything I need it to and it is free.

  24. Brian says:

    Crazywabbit,
    I do have a Mac and created mine on it and works fine in both Acrobat Reader and Apple’s Preview program. I’m not sure what could be the problem other than 7.0 doesn’t work as well as 8 and the new 9. If you like send me and email and I’ll try it out :)

  25. Nick Pagano says:

    Nice! I’ve wondered how to do this, but never really looked into it. I honestly won’t use this too much, but it makes things look very professional, so the few times I can I will! Thanks for this! *Stumbled*

  26. [...] How to create interactive PDF forms to impress your clients (tags: design tutorial howto acrobat) [...]

  27. I second the comment about using Scribus to create the PDF forms. They have a tutorial on their wiki on how to create a form http://wiki.scribus.net/index.php/How_to_create_an_e-Mail_PDF_Survey_Form.

  28. Brian says:

    Ethan,
    I’m sure there are various ways to create PDF forms, but no with the power and design capabilities that InDesign has. I can’t seem to justify on compromising on solid design elements. Neat looking program and tutorial though. Thanks!

  29. tct says:

    Thanks for this. Bookmarked.

  30. Paulo says:

    Perfect timing. I’ve a “small” problem however…. I need a good tutorial on creating a form with InDesign. Any help is appreciated.

  31. Brian says:

    Paulo,
    Do you have any experience in InDesign? If so, just create a standard print design… You don’t do anything special in InDesign rather than what you would normally do with it. If you have no prior experience, I’m sure you can find some information on Google or Adobe’s website. Also Lynda.com is a great paid-for service you can subscribe to if you are really serious into learning it (and any other program that you could ever want to learn as well). Hope this helps… if not let me know what else I could do to be of further assistance.

  32. Paulo says:

    Brian,
    Thanks for the advices. I’ve no experience with InDesign hence my first post. However I’m going to consider the Lynda.com since they have very useful information in there “courses”.

    Merry Christmas.

  33. Jacob Cass says:

    I use Adobe LiveCycle Designer to create my forms. It is a drag and drop type interface, very easy to use!

    You can see an example of a finished form here:
    http://justcreativedesign.com/web/logo.pdf

    The best bit about it is when a client fills it out, you can import the data back into the form for easy printing / reference.

  34. Brian says:

    Jacob,
    I enjoyed seeing your interactive PDF. Well done. As far as LiveCycle is concerned, unfortunately it is not available for Mac users, but it does look like a great, intuitive product, even though the results from my tutorial are very similar to LiveCycle.

    Hope you had a great holiday! :)

  35. [...] you, a contact form makes it easy! The less steps it takes for someone to get in touch with you the more likely there are to connect with you. Provide at the very least an area for their name, email address, and message [...]

  36. Sabreena says:

    I just did this using Adobe Pro 6 on a XP Pro PC; thanks for the easy tutorial. It was just what i needed. The hardest part for me was the first step in finding the text field tool. It wasn’t a defalt in my system so I had to go find it in tools, then advanced editing then forms; then I was able to add it to my toolbar for future reference during the rest of the tutorial.

  37. Liz says:

    Thanks for the post! Very useful. I have one question though, could these pdf’s be used say for a contact page in a webpage or would it had to be coded?

  38. Brian says:

    Anytime Liz. Unfortunately something like that would have to be coded for the web specifically, but its definitely not impossible. Maybe I’ll do a post on it ;)

  39. [...] How to create interactive PDF forms to impress your clients | The Design Cubicle If you’re like me then you like everything from your website down to your legal contracts to look well designed and function to your client’s liking — which in most cases is… easily! (tags: freelance acrobat howto tutorial tutorials client form forms interactive pdf design webdesign) [...]

  40. Webbo says:

    Thank you very much for this, I will certainly be creating one of these.

  41. Mike C. says:

    I have created a form just like the one you describe, but I have having issues with PC’s using reader. When they click the submit button I created to send the email, it pops up with an error message saying something along the lines of ‘action not permited’. Looks like lots of other people are having this exact same issue. Have you heard of this or have a solution?

  42. Brian says:

    Mike,
    Hmmm… I have not heard or experienced the message you stated. When you tried it, did the PC you attempted it on have an email set up in a mail client like Outlook or Entourage? Just trying to think what went wrong. Others who used a PC seemed to have success. What version of reader and pro are you/they using?

  43. Matt says:

    You made it very easy so thank you for providing this, a 5 page survey in double quick time. I used with iWork Pages for the layout. A total breeze and a lot cheaper than inDesign.

  44. kwwphoto says:

    Thanks for the tips, it’s so much better to use these than a bunch of paperwork or crazy Excel spreadsheets!

  45. Good blog post. We’ve been doing this for our clients for some time now. Interactive PDF forms have the added benefit of allowing users to print the document out and return it via ‘snail mail’ too.

    With tax season coming up, many of you should know that most of the PDF’s that can be downloaded from the IRS.gov website are interactive and can be filled out on your computer.

    I generally keep a filled out W-9 on my machine so that I can submit it to requesters very easily. Their accounting department really appreciates having a copy alongside my first invoice.

  46. Jamiel Sharief says:

    Nice article.

  47. Crashy says:

    Nice article :) The thing is, I have to use Acrobat Pro. Any other solutions, say with Linux?

  48. How to create interactive PDF forms to impress your clients | The Design Cubicle | nerdd.net…

    \r\nTutorial on how to easily create your own interactive PDF that clients can fill out, edit and su…

  49. Michal says:

    Like with “Action not permitted” you will also have trouble with people who are using a webmail “client” and do not use Outlook or anything else.

    Additionally it Adobe still needs to improve the way to collate received data. At the moment you have to reimport emailed results into your data set one by one (unless I am retard and I did not find the function to do it “properly”). It would be nice to just suck in all the data files you received back from your respondents into your master from or collate them as a spreadsheet (which you can do after you import everything into a master data sheet)….
    Anyhow it is a good idea just needs to be refined from the data collection point of view – which becomes important when you need an ad hoc solution for a lot of respondents. Personally I will never use it again and will go for some free form/poll hosting service instead – less hassle – better output and no problems with firewalls.

Brian Hoff
About Brian Hoff: Designer, Writer and Speaker

I’m a graphic designer living in Brooklyn, New York who loves creating compelling and useful websites and memorable interactions across the web. When I’m not designing I can be found writing, speaking and occasionally part-time teaching at colleges — all on the subject of design. I started this blog to share my passion and experiences with designers and clients. I'm most active on Twitter; say hello:


POWERED by FUSION