Jquery: launch modal contact form onclick of any mailto link
- or -
Post a project like this3395
£50(approx. $63)
- Posted:
- Proposals: 3
- Remote
- #400998
- Awarded
Description
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.
Basics:
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:
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.
Basics:
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:

Rob C.
100% (35)Projects Completed
53
Freelancers worked with
52
Projects awarded
27%
Last project
10 Jan 2022
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies