Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Ninja Gravity Form 7

Ninja Gravity Form 7

How to pick your WordPress (contact) form.

Presented at: https://www.meetup.com/DenverWordPress/events/243277882/

Patrick Rauland

October 05, 2017
Tweet

More Decks by Patrick Rauland

Other Decks in Technology

Transcript

  1. Ninja Gravity Form 7:
    Which (contact) form should I use?
    Patrick Rauland
    @BFTrick
    http://bit.ly/denver-contact

    View full-size slide

  2. Our Objective: Find the best contact form for you.

    View full-size slide

  3. Free Freemium & Premium

    View full-size slide

  4. Jetpack’s Contact Form

    View full-size slide

  5. 2. Contact Form 7

    View full-size slide

  6. Contact Form 7

    View full-size slide

  7. 3. Ninja Forms

    View full-size slide

  8. 3. Gravity Forms

    View full-size slide

  9. Gravity Forms

    View full-size slide

  10. Contact Forms
    Creating Forms
    Email Notifications
    Submissions
    Spam Protection
    Advanced Features

    View full-size slide

  11. Creating Forms
    Jetpack Contact Form 7 Ninja Forms Gravity Forms
    Pre-built Contact Form
    Template
    ✅ ✅ ✅
    Extra Form Templates ✅
    Visual Form Builder (no
    shortcodes)
    ✅ ✅ ✅
    Drag & Drop Fields ✅ ✅ ✅
    Multiple Columns ✅
    (with a
    premium extension)

    (with certain fields
    like Name)
    Arbitrary HTML Fields ✅ ✅
    Preview ✅ ✅ ✅

    View full-size slide

  12. Form With an Image (arbitrary HTML)

    View full-size slide

  13. Email Notifications
    Jetpack Contact Form 7 Ninja Forms Gravity Forms
    Email Multiple
    Recipients
    ✅ ✅ ✅ ✅
    Conditionally Email
    Recipients
    ✅ ✅
    Automatically Include
    All Form Data in Email
    ✅ ✅ ✅
    Email Confirmation
    Sent to Submitter
    ✅ ✅
    Customizable HTML
    Emails
    ✅ ✅
    Fields Can Be
    Embedded in Email
    ✅ ✅

    View full-size slide

  14. Storing Submissions in DB
    Jetpack Contact Form 7 Ninja Forms Gravity Forms
    Stores submissions
    automatically
    ✅ ✅ ✅
    Filter submissions ✅ ✅ ✅
    Export submissions ✅ ✅ ✅

    View full-size slide

  15. Spam Protection
    Jetpack Contact Form 7 Ninja Forms Gravity Forms
    Free Spam Protection ✅ ✅
    Integration with
    Akismet
    ✅ ✅ ✅
    Spam Protection
    Included Automatically

    View full-size slide

  16. Advanced Features
    Jetpack Contact Form 7 Ninja Forms Gravity Forms
    Can Redirect to a
    Success Page
    ✅ ✅
    Conditional Fields ✅
    (with premium
    extension)

    Multi-page Forms ✅
    (with premium
    extension)

    Code Available on
    GitHub
    ✅ ✅
    Customizable HTML
    Emails

    Easy to Use on Dev
    Sites
    ✅ ✅ ✅

    View full-size slide

  17. Just in Time Messaging
    https://mattreport.com/disable-jetpack-upsell-ads/

    View full-size slide

  18. 1. Use Fewer Fields

    View full-size slide

  19. 2. Top Align Labels

    View full-size slide

  20. 3. Don’t Crowd Lines

    View full-size slide

  21. 4. Descriptive CTA

    View full-size slide

  22. Patrick Rauland
    Lynda.com Author
    LiftOffSummit.com

    View full-size slide

  23. Questions?
    Patrick Rauland
    @BFTrick

    View full-size slide