fro/mdLib
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

+ en contact form

Browse Source
This commit is contained in:
tuxwarrior
2023-06-19 09:02:07 +00:00
parent 4929f23724
commit 19c9114ef4
1 changed files with 79 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
md/contact/contact_web3forms_en.md Normal file
View File

@@ -0,0 +1,79 @@
<form id="contact_form" action="https://api.web3forms.com/submit" method="POST">
<!-- REQUIRED: Your Access key here. Don't worry this can be public -->
<input type="hidden" name="access_key" value="9d4fd4c8-7404-469c-8ab9-75a852f89d00">
<!-- Optional: Subject an be prefilled using type="hidden"
or type="text" for normal user submitted input -->
<input type="hidden" name="subject" value="[frodr.com] New submission">
<!-- Optional: From Name you want to see in the email
Default is "Notifications". you can overwrite here -->
<input type="hidden" name="from_name" value="frodr.com">
<!-- Optional: To send the form submission as CC email
This feature available to PRO Plan users only -->
<!--input type="hidden" name="ccemail" value="partner@example.com"-->
<!-- Optional: Default replyto will be "email" (if available)
you may overwrite replyto with different email here -->
<!--input type="hidden" name="replyto" value="customer@example.com"-->
<!-- Required: If submitting form without Javascript.
Default web3forms output is in JSON format. -->
<!-- Not Required: If javascript, use "window.location.hash" instead -->
<!--input type="hidden" name="redirect" value="https://web3forms.com/success"-->
<!-- Optional: But Recommended: To Prevent SPAM Submission.
Make sure its hidden by default -->
<input type="checkbox" name="botcheck" class="hidden" style="display: none;">
<!-- Webhooks: Send your form data to Notion, Google Sheets or Zapier.
This feature available to PRO & Starter Plan users only -->
<!--input type="hidden" name="webhook" value="WEBHOOK_URL_HERE" /-->
<!-- Google reCaptcha v3: To Prevent SPAM Submission.
This feature available to PRO & Starter Plan users only -->
<!--input type="hidden" name="recaptcha_response" id="recaptchaResponse"-->
<!-- Attachments: Make sure the <form> has enctype="multipart/form-data"
This feature available to PRO Plan users only -->
<!--input type="file" name="attachment" /-->
<!-- Custom Form Data: Form data you wish to receive in email. -->
<table>
<tr>
<td>E-mail:</td><td><input type="email" name="Email" required></td>
</tr>
<tr>
<td>Name:</td><td><input type="text" name="Name" required></td>
</tr>
<tr>
<td>Message:</td><td><textarea name="message" maxlength="1000" style="width: 500px; height: 250px;" required></textarea></td>
</tr>
<tr>
<td>&nbsp;</td><td><div class="h-captcha" data-captcha="true"></div></td>
</tr>
<tr>
<td>&nbsp;</td><td style="text-align: right;"><button type="submit">Send message</button></td>
</tr>
</table>
</form>
<script src="https://web3forms.com/client/script.js" async defer></script>
<script>
const form = document.getElementById('contact_form');
​
form.addEventListener('submit', function(e) {
​
const hCaptcha = form.querySelector('textarea[name=h-captcha-response]').value;
​
if (!hCaptcha) {
e.preventDefault();
alert("Please fill out captcha field")
return
}
});
</script>