875 - Contact Form

[pdelboca]

Implements #875

TODO:

• Properly display a message when the user submits the form. (Related Bug: Banner block is missing #911)

Preview

[codecov-commenter]

Codecov Report

Patch and project coverage have no change.

Comparison is base (073278b) 89.14% compared to head (b59ec34) 89.14%.

❗ Your organization is not using the GitHub App Integration. As a result you may experience degraded service beginning May 15th. Please install the Github App Integration for your organization. Read more.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop     #894   +/-   ##
========================================
  Coverage    89.14%   89.14%           
========================================
  Files           98       98           
  Lines         1345     1345           
  Branches        51       51           
========================================
  Hits          1199     1199           
  Misses         144      144           
  Partials         2        2           

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[avdata99]

This looks good. Just a couple notes:

• I don't like we are just sending emails after potential clients fill the form. We do not save this anywhere. This is not important for this PR but it's a problem
• We need to clean production an test environment settings in google

[lucpretti]

Thanks for deploying it to develop @pdelboca!

After reviewing it here https://next.okfn.org/contact/, I found a few minor changes for a better UX:

• Remove colons from all fields (e.g. it will be only Website, not Website:)

• Add an asterisk to the fields Name and Email (e.g. Name* and Email*), as a way to identify required fields

• Change Organization to Organisation (as in British spelling)

• Add a text line between the Captcha and the Send button with the following text: By submitting this form you agree to our Privacy Policy (linking "Privacy Policy" to /privacy-policy/)