Add a contact form - Revision history

Andrew: /* Set up the form */

2024-05-08T12:04:49Z

‎Set up the form

2024-02-26T13:29:48Z

‎Set up a no-reply address

2024-02-26T13:29:21Z

‎Add the contact form to your site

2024-02-26T13:29:11Z

‎Before you begin

2024-02-23T15:02:30Z

2024-02-23T14:09:46Z

2024-02-23T14:03:27Z

2019-05-14T12:18:05Z

2019-05-14T12:13:54Z

2019-05-14T12:13:42Z

@@ Line 24: / Line 24: @@
 * 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 no-reply address in both email fields at the top.
+* On the '''E-mail settings''' tab:
 * on the '''SMTP''' tab:
 ** '''tick SMTP Enable'''

@@ Line 7: / Line 7: @@
 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 [[https://www.imaginet.co.za/kb/index.php?title=Setting_up_forwarding_and_aliases|here]] for more info.
+See our guide [[Setting up forwarding and aliases|here]] for more info.
 ==Register for reCAPTCHA==

@@ Line 19: / Line 19: @@
 * Click the '''Form''' button
 * Click the form you want to add
-=Position the form on your site by dragging it to a suitable location.
+* Position the form on your site by dragging it to a suitable location.
 =Set up the form=

@@ Line 2: / Line 2: @@
 =Before you begin=
-We strongly recommed using a `no-reply` address @ your domain, and activating reCAPTCHA on your contact form.
+We strongly recommend using a '''no-reply''' address @ your domain, and activating reCAPTCHA on your contact form.
 ==Set up a no-reply address==
-<div style="overflow:hidden">
+See our guide [[https://www.imaginet.co.za/kb/index.php?title=Setting_up_forwarding_and_aliases|here]] for more info.
-<div style="overflow:hidden">
+==Register for reCAPTCHA==
-[[File:Choosing-form-template.png|thumb|left]]
+* Go to https://www.google.com/recaptcha/admin/create
-* Once you have selected the form you want and hit the apply button you should now see that the form is located on your page.
+** Add your domain
-* You will also need to edit the email settings as well as what information you wish to have displayed on your form.
+** Be sure to set reCAPTCHA type to '''Challenge v2'''
-* To edit the form click on the '''Pencil''' and select '''Properties'''.
+** Click '''SUBMIT'''
-</div>
+* On the next page, '''copy your site key and secret key'''.
-[[File:Entering-email-settings.png|thumb|left]]
+=Add the contact form to your site=

← Older revision		Revision as of 15:02, 23 February 2024
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 recommed using a `no-reply` address @ your domain, and activating reCAPTCHA on your contact form.
		+
		+	==Set up a no-reply address==
		+
	<div style="overflow:hidden">		<div style="overflow:hidden">
	[[File:Adding-form.png\|thumb\|left]]		[[File:Adding-form.png\|thumb\|left]]

← Older revision		Revision as of 12:18, 14 May 2019
Line 50:		Line 50:
	* You will also need to edit the email settings as well as what information you wish to have displayed on your form.		* You will also need to edit the email settings as well as what information you wish to have displayed on your form.
	* To edit the form click on the '''Pencil''' and select '''Properties'''.		* To edit the form click on the '''Pencil''' and select '''Properties'''.
		+	* You should now see something like what is displayed in the picture below. All email settings should be entered correctly otherwise when sending queries from your contact form, you will not be receiving any emails.
		+
		+	[[File:Entering-email-settings.png\|thumb\|left]]

← Older revision		Revision as of 12:13, 14 May 2019
Line 26:		Line 26:
	* Once you have selected the form you want and hit the apply button you should now see that the form is located on your page.		* Once you have selected the form you want and hit the apply button you should now see that the form is located on your page.
	[[File:Choosing-form-template.png\|thumb\|left]]		[[File:Choosing-form-template.png\|thumb\|left]]
		+
		+
		+