AGNX

Wiki

User Tools

Site Tools

Trace: • customize-ao-contact-form • how_to_change_avomaster_alternate_email • user_account_compromised_email_notification • 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/24 12:59] – [How to customize and use the free AfterOffice Contact 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: +If you require assistance, please contact [[helpdesk@lookafter.com]].
- +
-  * [[#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]] +
- +
- +
-Optional customization: +
-  * [[#optional_changing_the_contact_form_file_name|Changing the contact form file name]] +
- +
--------------- +
- +
-===== 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 two files within the extracted folder: +
-  * **contact-form.html**: This is the main file that displays the contact form. +
-  * **thank-you.html**: This file is used to display the thank you message once a form has been successfully submitted.  +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:1-3.png|}} +
- +
-Now, let's move on to the next step to see how we can customize the form. +
- +
-===== 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 mycompany.com, then the email address must be xxx@mycompany.com (where xxx is any valid 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 ===== +
- +
-Now that the contact form is ready, let's upload it to your website. Before we proceed, make sure you have the following ready: +
-  * An FTP client (e.g. [[https://filezilla-project.org/|FileZilla]]) installed on your PC +
-  * Your website FTP login details ([[faq:domain_and_web_hosting:how_do_i_obtain_my_ftp_information|How to get this info?]]) +
- +
-Once you have the above details ready, launch the FTP client on your PC. Enter the host, FTP username and password, and connect to the web server. +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:3-1.png|}} +
- +
-You may get a certificate warning like the following image. If the certificate is *.agnx.com, select "Always trust certificate in future sessions" and click [OK]. +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:3-2.png|}} +
- +
-Once you have connected to your web server via FTP, upload both **contact-form.html** and **thank-you.html**. You can simply drag the files and drop them to the remote container. +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:3-3.png|}} +
- +
-Once the file has been uploaded successfully, you can access this contact form via yourdomain.com/contact-form.html (where youdomain.com is your website domain). +
- +
-{{:faq:domain_and_web_hosting:customize-ao-contact-form:3-4.png|}} +
- +
---------------- +
- +
-===== (Optional) Changing the contact form file name =====+
faq/domain_and_web_hosting/customize-ao-contact-form.1629781157.txt.gz · Last modified: 2021/08/24 12:59 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