Jquery: launch modal contact form onclick of any mailto link

  • Posted:
  • Proposals: 3
  • Remote
  • #400998
  • Awarded
Kristjan O.
Abdullah Al M.Tomasz J. have already sent a proposal.
  • 0


Experience Level: Intermediate
Estimated project duration: 1 day or less
General information for the website: Client website (URL not relevant)
Description of requirements/features: I have a client with a website that has a load of mailto links sprinkled throughout the content.

They want to keep it this way, because they're quite old school and want email addresses to be visible if people need to find them. However, I've talked them in to the benefit of being able to track conversions through analytics when a form is submitted, hence this job.


Jquery script that can be included in the header and thus be deployed across all pages on the site
This will identify any mailto: a hrefs (ignoring non-mailto links) and set up an on click handler so that when the mailto link is clicked a modal window (iframe) is opened with a brief contact form within it (Email, subject, message)
This contact form needs to contain the email address that was clicked on as a hidden variable within it
Submitting the form will send the data via get, so that we end up with a URL that is something like /submitform.php?submitted=1&to=fsffsfs&from=dsadasdas&subject=fsdfs&message=fsdffsd

(Analytics will be set up as goals for each email address matching the first part of the URL:
/submitform.php?submitted=1&to=fsffsfs - I'll be doing this)

I don't need the PHP processing of the form to be included within this project - just the Jquery side of things.

Hope that's clear for everyone - this is pretty urgent so if there's a need for any clarification, please ask and I'll response ASAP
Extra notes:

New Proposal

Create an account now and send a proposal now to get this project.

Sign up

Clarification Board Ask a Question

    There are no clarification messages.