Episode 1 : Accessible,validated and anti-spam FreeForm



Please see video at::

http://www.mediasurgery.co.uk/eesurgery/videos/freeform-accessible-and-validated-web-forms




                                                       1/7
Why Freeform?

●   Very configurable
●   Stores information in the database   too as
well as sending to email
●   Out that data onto the site
●   Completely Free
●   Little choice


                          2/7
Problems with forms


●   Can he hard to fill out for users if done
incorrectly
●   Time Consuming
●   Spam! Either to send emails or to manipulate search
rankings. Whats behind it all?                  Financial gain.



                               3/7
What we will be doing?


●   Preventing spam
●   Javascript validation
●   Accessible code




               4/7
Hon-ee Pot Spam prevention


●   We used to use accessible captcha
●   Hon-ee pot is better from a UX point of view
●   No spam so far




                             5/7
Install


FreeForm + Hon-ee Pot (EE2)




            6/7
Bonus Points


                             ●   CSS3 shadows etc
                             ●   HTML5 validation
                             ●   Conversion tracking with Google Analytics




Please see video at::

http://www.mediasurgery.co.uk/eesurgery/videos/freeform-accessible-and-validated-web-forms




                                                        7/7

ExpressionEngine with FreeForm / Jquery validation

  • 1.
    Episode 1 :Accessible,validated and anti-spam FreeForm Please see video at:: http://www.mediasurgery.co.uk/eesurgery/videos/freeform-accessible-and-validated-web-forms 1/7
  • 2.
    Why Freeform? ● Very configurable ● Stores information in the database too as well as sending to email ● Out that data onto the site ● Completely Free ● Little choice 2/7
  • 3.
    Problems with forms ● Can he hard to fill out for users if done incorrectly ● Time Consuming ● Spam! Either to send emails or to manipulate search rankings. Whats behind it all? Financial gain. 3/7
  • 4.
    What we willbe doing? ● Preventing spam ● Javascript validation ● Accessible code 4/7
  • 5.
    Hon-ee Pot Spamprevention ● We used to use accessible captcha ● Hon-ee pot is better from a UX point of view ● No spam so far 5/7
  • 6.
  • 7.
    Bonus Points ● CSS3 shadows etc ● HTML5 validation ● Conversion tracking with Google Analytics Please see video at:: http://www.mediasurgery.co.uk/eesurgery/videos/freeform-accessible-and-validated-web-forms 7/7