Difference between revisions of "Add a contact form"
Jump to navigation
Jump to search
(→Set up the form) |
|||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | A contact form is a convenient way for you to allow visitors to your site to contact you. Submitted forms can be set to you as an email, or POSTed to the URL of your choice. | |
| − | [[ | + | |
| − | * | + | =Before you begin= |
| − | + | We strongly recommend using a '''no-reply''' address @ your domain, and activating reCAPTCHA on your contact form. | |
| − | * | + | |
| − | * | + | ==Set up a no-reply address== |
| − | * | + | Create a new alias '''no-reply''' @ your domain. Be sure to set the alias to forward to the address that you want to receive form submission. |
| − | + | ||
| + | See our guide [[Setting up forwarding and aliases|here]] for more info. | ||
| + | |||
| + | ==Register for reCAPTCHA== | ||
| + | * Go to https://www.google.com/recaptcha/admin/create | ||
| + | ** Add your domain | ||
| + | ** Be sure to set reCAPTCHA type to '''Challenge v2''' | ||
| + | ** Click '''SUBMIT''' | ||
| + | * On the next page, '''copy your site key and secret key'''. | ||
| + | |||
| + | =Add the contact form to your site= | ||
| + | * Click the '''Form''' button | ||
| + | * Click the form you want to add | ||
| + | * Position the form on your site by dragging it to a suitable location. | ||
| + | |||
| + | =Set up the form= | ||
| + | * Double-click the form | ||
| + | * On the '''Fields''' tab, select the fields you want to appear on your form. We recommend "Name", "E-mail" and "Message". | ||
| + | * On the '''E-mail settings''' tab: | ||
| + | ** Enter your email address in the '''Form will be sent to this E-mail''' field. | ||
| + | ** Enter the no-reply address in the '''Form will be sent from this E-mail''' field. | ||
| + | * on the '''SMTP''' tab: | ||
| + | ** '''tick SMTP Enable''' | ||
| + | ** for SMTP host, enter '''smtp.imaginet.co.za''' | ||
| + | ** for SMTP port enter '''587''' and select '''TLS''' | ||
| + | ** for SMTP Username enter your '''full no-reply address''' | ||
| + | ** for SMTP password enter your '''no-reply address password'''. | ||
| + | * On the '''Settings''' tab, enter your '''reCAPTCHA Site key''' and '''reCAPTCHA Secret Key''' | ||
| + | * Click '''APPLY''' | ||
Latest revision as of 14:04, 8 May 2024
A contact form is a convenient way for you to allow visitors to your site to contact you. Submitted forms can be set to you as an email, or POSTed to the URL of your choice.
Contents
Before you begin
We strongly recommend using a no-reply address @ your domain, and activating reCAPTCHA on your contact form.
Set up a no-reply address
Create a new alias no-reply @ your domain. Be sure to set the alias to forward to the address that you want to receive form submission.
See our guide here for more info.
Register for reCAPTCHA
- Go to https://www.google.com/recaptcha/admin/create
- Add your domain
- Be sure to set reCAPTCHA type to Challenge v2
- Click SUBMIT
- On the next page, copy your site key and secret key.
Add the contact form to your site
- Click the Form button
- Click the form you want to add
- Position the form on your site by dragging it to a suitable location.
Set up the form
- Double-click the form
- On the Fields tab, select the fields you want to appear on your form. We recommend "Name", "E-mail" and "Message".
- On the E-mail settings tab:
- Enter your email address in the Form will be sent to this E-mail field.
- Enter the no-reply address in the Form will be sent from this E-mail field.
- on the SMTP tab:
- tick SMTP Enable
- for SMTP host, enter smtp.imaginet.co.za
- for SMTP port enter 587 and select TLS
- for SMTP Username enter your full no-reply address
- for SMTP password enter your no-reply address password.
- On the Settings tab, enter your reCAPTCHA Site key and reCAPTCHA Secret Key
- Click APPLY