User Tools

Site Tools


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 revision Previous revision
Next revision
Previous revision
faq:domain_and_web_hosting:customize-ao-contact-form [2021/08/24 12:56]
vikki [3. Uploading the form to your website]
faq:domain_and_web_hosting:customize-ao-contact-form [2021/08/24 19:31] (current)
vikki [(Optional) Changing the contact form file name]
Line 6: Line 6:
   * [[#customizing_the_form|2. Customizing the form]]   * [[#customizing_the_form|2. Customizing the form]]
   * [[#uploading_the_form_to_your_website|3. Uploading the form to your website]]   * [[#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]]
  
 -------------- --------------
Line 72: Line 76:
  
 {{:faq:domain_and_web_hosting:customize-ao-contact-form:3-4.png|}} {{:faq:domain_and_web_hosting:customize-ao-contact-form:3-4.png|}}
 +
 +---------------
 +
 +===== (Optional) Changing the contact form file name =====
 +
 +If you want to have a different URL link your contact file instead of yourdomain.com/contact-form.html, you can change the file name of contact-file.html.
 +
 +In this example, we want the contact file to be available at yourdomain.com/enquiry.html.
 +
 +Firstly, open the folder containing the contact form files.
 +
 +{{:faq:domain_and_web_hosting:customize-ao-contact-form:4-1.png|}}
 +
 +Change the name of contact-file.html to enquiry.html.
 +
 +{{:faq:domain_and_web_hosting:customize-ao-contact-form:4-2.png|}}
 +
 +Then, open this file with a HTML editor or Notepad. Look for this line: //<input type="hidden" value="contact-form.html" name="_formErr" />//.
 +
 +{{:faq:domain_and_web_hosting:customize-ao-contact-form:4-3.png|}}
 +
 +Change contact-form.html to enquiry.html, and save the file.
 +
 +{{:faq:domain_and_web_hosting:customize-ao-contact-form:4-4.png|}}
 +
 +Next, open the thank-you.html file (with a HTML editor or Notepad).
 +
 +{{:faq:domain_and_web_hosting:customize-ao-contact-form:4-5.png|}}
 +
 +In this file, look for: //<a href="contact-form.html" class="btn-submit">Back To Form</a>//
 +
 +{{:faq:domain_and_web_hosting:customize-ao-contact-form:4-6.png|}}
 +
 +Replace contact-form.html with enquiry.html. Save the file once you are done.
 +
 +{{:faq:domain_and_web_hosting:customize-ao-contact-form:4-7.png|}}
 +
 +You can then upload these files to your web server. The contact file will now be available at yourdomain.com/enquiry.html.
 +
  
faq/domain_and_web_hosting/customize-ao-contact-form.1629780987.txt.gz ยท Last modified: 2021/08/24 12:56 by vikki