Magento. How to edit Contact us page (starting from template 54689+)

This tutorial shows how to edit the Contact us page in Magento templates (starting from template 54689+).

Magento. How to edit Contact us page

Based on Type: Magento Theme Item: #55681. Differences in design are possible, though the process is pretty the same.

NOTE: We strongly recommend backing up each file before editing it, i.e. saving a copy on computer first.

You may need to clear the cache to check the changes made.

How to change the title of the browser tab on the “Contacts” page?

1. On your  FTP/cPanel server in the folder where the Magento files are stored, go to \app\design\frontend\default\theme_number\layout\contacts.xml or app/design/frontend/tm_themes/theme_number/layout/contacts.xml in newer templates.

   If you do not see the contacts.xml file in the theme folder, you should copy it from app\design\frontend\base\default\layout to the theme folder.

2. Open it with any code editor and change the name of the page around line 38:

   			<reference name="head">
   			<action  method="setTitle" translate="title"  module="contacts"><title>Contact Us</title></action>
   		</reference>

3. Save the changes and refresh the page.

How to change the title  of the “Contact Us” header and footer menu?

1. To change the title  of the “Contact Us” footer menu, navigate to /app/design/frontend/tm_themes/theme_number/layout/local.xml on the server via FTP or hosting cPanel and locate this code around line 166:

   			<action method="addLink" translate="label title" after="return_link" module="contacts" ifconfig="contacts/contacts/enabled"><label>Contact Us</label><url>contacts</url><title>Contact Us</title><prepare>true</prepare></action>
   		

   Replace the title with the one you need and save the changes.

   In older templates, you can edit the title from the admin in CMS -> Static Blocks -> footer_block. Find the title of the menu title in the Content to change it. Once you are done, click “Save Block” at the top.

2. To change the title  of the “Contact Us” header menu, navigate to CMS -> Static Blocks -> header_block in older templates or edit its title in Catalog -> Manage Categories if it is in the category menu in your theme.

How to change the contact information?

You can do it in the admin section in CMS -> Static Blocks -> contact_block -> Content tab. The block name can vary within templates:

How to change the form field text on the “Contacts” page?

1. Navigate to app/design/frontend/tm_themes/theme_number/template/contacts/form.phtml on the server or \magento\app\design\frontend\base\default\template\contacts\form.phtml in older templates.

2. Open the file with any code editor and change the needed text between the quotes. For example:

   Replace:

   <div class="field">
   			<label for="name" class="required"><em>*</em><?php echo Mage::helper('contacts')->__('Name') ?></label>
   			<div class="input-box">
   			<input name="name" id="name" title="<?php echo Mage::helper('contacts')->__('Name') ?>" value="<?php echo $this->escapeHtml($this->helper('contacts')->getUserName()) ?>" class="input-text required-entry" type="text" />
   			</div>
   		</div>

   with

   <div class="field">
   			<label for="name" class="required"><em>*</em><?php echo Mage::helper('contacts')->__('New text') ?></label>
   			<div class="input-box">
   			<input name="name" id="name" title="<?php echo Mage::helper('contacts')->__('New text') ?>" value="<?php echo $this->escapeHtml($this->helper('contacts')->getUserName()) ?>" class="input-text required-entry" type="text" />
   			</div>
   		</div>

3. Save your changes once you are done.

How to make one of the form fields required/not required?

1. Navigate to app/design/frontend/tm_themes/theme_number/template/contacts/form.phtml via FTP/cPanel or \magento\app\design\frontend\base\default\template\contacts\form.phtml in older templates.

2. Open the file with any code editor. For example:

   <div class="field">
   			<label for="email" class="required"><em>*</em><?php echo Mage::helper('contacts')->__('Email') ?></label>
   			<div class="input-box">
   			<input name="email" id="email" title="<?php echo Mage::helper('contacts')->__('Email') ?>" value="<?php echo $this->escapeHtml($this->helper('contacts')->getUserEmail()) ?>" class="input-text required-entry validate-email" type="text" />
   			</div>
   		</div>

3. Removing class="required"><em>*</em> will make the field not mandatory.

   Your template may not have a css class for the “required”, so it may differ.

4. Adding class="required"><em>*</em> will make the field required.

5. Save the changes.

How to add a new field to the form?

1. Open app/design/frontend/tm_themes/theme_number/template/contacts/form.phtml via FTP/cPanel or \magento\app\design\frontend\base\default\template\contacts\form.phtml in older templates.

2. Open the file with any code editor and add  the following:

   		<div class="field">                        
   		<label for="fax" class="required"><em>*</em><?php echo Mage::helper('contacts')->__('Fax') ?></label>
   		<div class="input-box"> <input name="fax" id="fax" title="<?php echo Mage::helper('contacts')->__('Fax') ?>" value="<?php echo $this->escapeHtml($this->helper('contacts')->getUserEmail()) ?>" class="input-text required-entry validate-email" type="text" />                        </div>                    </div>

   where Fax is the name of your new field.

3. Save the changes.

How to add a new detail field to your email?

1. In your Magento admin you need to go to  System -> Transactional E-mails -> Add New Template:

   

2. Choose ‘Contact Form’ from the “Template”drop-down and  click ‘Load Template’.

3. Under the “Template Information” give a new name to your form template and add a new field to the current email content. For instance:

   Fax: {{var data.fax}}

4. Click on “Save template”:

   

5. In System -> Configuration -> Contacts and in the ‘Email Options’ select your new template name under the ‘Email Template’ dropdown menu.

6. Click on “Save Config”:

   

How to define your  Magento store contact info?

1. Log into your Magento admin panel and go to System -> Configuration -> Contacts (left-side panel).

2. Under Contact Us -> Enable Contact Us make sure that “Yes” is selected.

3. Under Email options -> Send Email To specify the e-mail address that you want to use for receiving feedbacks when the form on the “Contacts” page is used.

   There are two more options below:

   • The Email Sender — Indicates the name on the from: line of comments sent using the ContactUs form;

   • Email Template — Template used when customers’ comments are sent to the email address specified in the Send emails To field.

4. Press Save Config when ready:

   

How to define your Magento site e-mail addresses?

Magento allows you to maintain multiple email addresses for your store, according to the role.

1. Navigate to System -> Configuration -> Store Email Addresses in Magento admin panel.

2. In this section you can specify the Sender Name (from whom the emails are sent) and Sender Email (used for sending emails). Any unused fields can be left blank.

   Note that these settings are applied to the whole website. If you run multiple stores on a Website, you may set different Email addresses for each store.

   To enter the email address for an individual store that differ from those specified for entire Website:

   1. Select the desired store in the Current Configuration Scope dropdown menu in the upper-left portion of the system configuration screen.

   2. Click the Store Email Addresses section.

   3. Clear the Use website check box next to the field you want to change and replace the value in the field with the desired one.

3. Click on Save Config to save your changes:

   

Feel free to check the detailed video tutorial below:

Magento. How to edit Contact us page