AGNX

Wiki

User Tools

Site Tools

Trace: • how_to_clear_browser_cache
faq:domain_and_web_hosting:customize-ao-contact-form

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
faq:domain_and_web_hosting:customize-ao-contact-form [2021/08/20 12:56] – [2. Customizing the form] vikkifaq:domain_and_web_hosting:customize-ao-contact-form [2022/04/04 17:18] (current) – vikki
Line 1: Line 1:
-====== How to customize and use the free AfterOffice Contact Form? ====== +This content no longer available.
- +
-In this article, you will be guided on how to setup AfterOffice contact form and enable it on your website. There are several steps involved: +
- +
-  * [[#downloading_and_extracting_the_form|1. Downloading and extracting the form]] +
-  * [[#customizing_the_form|2. Customizing the form]] +
-  * [[#uploading_the_form_to_your_website|3. Uploading the form to your website]] +
- +
- +
- +
-===== 1. Downloading and extracting the form ===== +
- +
-Once you have decided which form you want to use, enter your email address and the correct answer for the captcha, and click [DOWNLOAD NOW].  +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:1-1.png|}} +
- +
-The contact form will be downloaded in .zip file format. Extract this zipped file. +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:1-2.png|}} +
- +
-You will find a contact-form.html file within the extracted folder. Now, let's move on to the next step to see how we can customize the form. +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:1-3.png|}} +
-===== 2. Customizing the form ===== +
- +
-Open the contact-form.html file with a HTML editor or Notepad.  +
- +
-The first item to customize is the company name displayed on the form. Within the editor, look up for this line: //<!-- EDITABLE: Company Name -->// where you will see //<h4>COMPANY NAME</h4>//.  +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:2-1.png|}} +
- +
-Replace COMPANY NAME with your actual company name. +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:2-2.png|}} +
- +
-Next, we will modify the recipient email address. This recipient email address will be the one who receives all the form submissions. Look for: //<!-- EDITABLE: Form Recipient -->// and you will see //<input type="hidden" value="sample@email.com" name="_formTo" />// after a few lines. +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:2-3.png|}} +
- +
-Replace sample@email.com with your desired email address. Note that this email address must have the same domain as your website's domain. For example, if your website is awesomebrand.com, then the email address must be xxx@awesomebrand.com (where xxx is any username). +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:2-4.png|}} +
- +
-Once you have done the customization, don't forget to save the file. +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:2-5.png|}} +
- +
-===== 3. Uploading the form to your website =====+
  
 +If you require assistance, please contact [[helpdesk@lookafter.com]].
faq/domain_and_web_hosting/customize-ao-contact-form.1629435406.txt.gz · Last modified: 2021/08/20 12:56 by vikki

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki