Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Contact Forms are Boring - 5 Creative Ways to Use Forms in WordPress

773 views

Published on

Session Description
No matter what the purpose of the site you’ve built, it’s likely you’ve included a standard contact form as one of the first (or last) items on your pre-launch task list.

Name, email, reason for contact, submit: BORING!

In this session Adam will look at some creative ways to use forms in WordPress with the goal being to better engage and convert website visitors. Whether convincing potential clients to make first contact, grow an email subscription list, or streamline the guest blogging submission process, website contact form(s) are a key part of the communication process.

Adam will share several different contact form approaches and what plugins and/or services work best for each.

Learning Outcomes
* Use forms in WordPress for more than just contacts
* Better engage visitors using conditional logic
* Turn form submissions into blog posts automatically

  • Stop getting scammed by online, programs that don't even work! ■■■ https://tinyurl.com/y4urott2
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Doctor's 2-Minute Ritual For Shocking Daily Belly Fat Loss! Watch This Video ♥♥♥ http://ishbv.com/bkfitness3/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Contact Forms are Boring - 5 Creative Ways to Use Forms in WordPress

  1. 1. @ S I T E L O C K@ S I T E L O C K A Contact Form is Boring 5 Creative Ways to Use Contact Forms in WordPress W o r d C a m p To r o n t o 2 0 1 6
  2. 2. @ S I T E L O C K A Stranger Walks Into a Bar
  3. 3. @ S I T E L O C K A Stranger Walks Into a Bar
  4. 4. @ S I T E L O C K What We’ll Cover Today • A brief history of forms • Factors to consider when planning your forms • Form strategies • Types of forms • Examples of creative forms • Form tools
  5. 5. @ S I T E L O C K Adam W. Warner • Product Evangelist at SiteLock • Co-Founder at FooPlugins • Discovered WordPress in 2005 • WordPress Community Addict • Fan of Fractals • Lover of Meatballs • Proud Dad!
  6. 6. @ S I T E L O C K A Brief History of Web Forms
  7. 7. @ S I T E L O C K Thanks Dave!
  8. 8. @ S I T E L O C K Factors to Consider When Building Forms
  9. 9. @ S I T E L O C K Whatever you do. Don’t do this.
  10. 10. @ S I T E L O C K Size and Steps
  11. 11. @ S I T E L O C K Fields and Labels
  12. 12. @ S I T E L O C K Appropriate Field Types
  13. 13. @ S I T E L O C K Number of Fields • Is there a magic number?
  14. 14. @ S I T E L O C K Order of Fields • Does it matter?
  15. 15. @ S I T E L O C K Benefits
  16. 16. @ S I T E L O C K Trust and Confidence
  17. 17. @ S I T E L O C K Call to Action
  18. 18. @ S I T E L O C K Measure, Analyze and Test
  19. 19. @ S I T E L O C K Case Study • Number of fields • Field order • Field labels
  20. 20. @ S I T E L O C K Busting the Best Practice
  21. 21. @ S I T E L O C K Fewer Fields
  22. 22. @ S I T E L O C K Labels and Field Order
  23. 23. @ S I T E L O C K Takeaway • Reducing form fields will always increase conversions = FALSE
  24. 24. @ S I T E L O C K Getting Long Forms to Convert
  25. 25. @ S I T E L O C K Progress Bars
  26. 26. @ S I T E L O C K Onboarding Flow
  27. 27. @ S I T E L O C K Ask Higher Value Questions • Do I already have this information from this visitor? • Can I get this information from another source (e.g. IP address)? • Will this information bring me closer to a sale?
  28. 28. @ S I T E L O C K Required vs. Optional (test) • What happens when you remove all of the required asterisks; implying everything is required? • What happens when you make a field you consider required, optional? • What happens when you make a field you consider optional, required?
  29. 29. @ S I T E L O C K Accessibility of Forms • WCAG 2.0 (Web Content Accessibility Guidelines) • Perceivable • Operable • Understandable • Robust
  30. 30. @ S I T E L O C K Types of Forms • Simplest • Simple • Versatile • Interactive
  31. 31. @ S I T E L O C K A Specific Purpose • Search • Blog post email subscription • Lead generation (email opt-ins) • Guest post submissions • eCommerce order and checkout • Surveys • Quizzes • Recommendation Engines
  32. 32. @ S I T E L O C K Integrations Galore! • Accounting • Analytics • Calendar • CRM • Documents • Email • Help Desk • Payments • Social • Web apps
  33. 33. @ S I T E L O C K Real World Examples
  34. 34. @ S I T E L O C K 1. Email List Building
  35. 35. @ S I T E L O C K Money Lab
  36. 36. @ S I T E L O C K 2. Calculators
  37. 37. @ S I T E L O C K Docbraces
  38. 38. @ S I T E L O C K 3. User generated content (guest blog post submissions)
  39. 39. @ S I T E L O C K User Showcase Blog Submission
  40. 40. @ S I T E L O C K 4. Guided Paths
  41. 41. @ S I T E L O C K NC State University
  42. 42. @ S I T E L O C K Recommendation Engine
  43. 43. @ S I T E L O C K 5. eCommerce • Order forms • Checkout forms • Upsells • Email list option
  44. 44. @ S I T E L O C K Complex eCommerce
  45. 45. @ S I T E L O C K 6. Bonus Examples! • Patient Intake Forms • Freelancer/Client Forms • MadLibs Style
  46. 46. @ S I T E L O C K Endless Possibilities
  47. 47. @ S I T E L O C K How To Build Forms • Custom code • Online builders • Form plugins (my preference)
  48. 48. @ S I T E L O C K Custom Code
  49. 49. @ S I T E L O C K Online Form Builders • JotForm (saas + plugin) • TypeForm (saas + plugin)
  50. 50. @ S I T E L O C K Form Plugins • Contact Form 7 • Gravity Forms • Caldera Forms • Ninja Forms • Formidable Forms
  51. 51. @ S I T E L O C K Thank You • Follow at: • @SiteLock • @wpmodder • SlideShare • http://www.slideshare.net/wpprobusiness • My Blog Posts: • http://wpdistrict.sitelock.com • http://adamwwarner.com

×