Difference between revisions of "Add a contact form"

From Imaginet FAQ
Jump to navigation Jump to search
(→‎Before you begin)
Line 2: Line 2:
  
 
=Before you begin=
 
=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==
 
==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.
  
−
<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.
−
[[File:Adding-form.png|thumb|left]]
 
−
Drag the form module to your page and select the style of the form you want.
 
−
</div>
 
  
−
<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=
 +
* 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 no-reply address in both email fields at the top.
 +
* 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'''

Revision as of 15:29, 26 February 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.

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 [[1]] for more info.

Register for reCAPTCHA

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 no-reply address in both email fields at the top.
  • 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
Retrieved from "https://www.imaginet.co.za/kb/index.php?title=Add_a_contact_form&oldid=2907"