Magento enable contact form, add custom field, link to top menu

How to enable the default Magento contact form?

1. System > Configuration > Contacts
2. Click the ‘Contact Us’ section on this page. Set ‘Enable Contact Us’ to ‘Yes’
3. Click the ‘Email Options’ section on the same page, just under it. Set the email address to which the comments should come, subject and email template.
4. Click ‘Save Config’

How to add a custom field to the default Magento contact form?

1. Open [magento_root]/app/design/frontend/default/default/template/contacts/form.phtml in your favorite editor
2. Copy & paste an existing form field code on this script and rename the field to create new field. For example:
   This is the default  code in the file:
   
   <div class="input-box"> <label for="email"><?php echo Mage::helper('contacts')->__('Email') ?> <span class="required">*</span></label><br /> <input name="email" id="email" title="<?php echo Mage::helper('contacts')->__('Email') ?>" value="<?php echo $this->htmlEscape($this->helper('contacts')->getUserEmail()) ?>" class="required-entry input-text validate-email" type="text" /> </div> <div class="clear"></div> <div class="input-box"> <label for="telephone"><?php echo Mage::helper('contacts')->__('Telephone') ?></label><br /> <input name="telephone" id="telephone" title="<?php echo Mage::helper('contacts')->__('Telephone') ?>" value="" class="input-text" type="text" /> </div>

   1 2 3 4 5 6 7 8 9

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

   This is how the modified code will look like:

   &lt;div class="input-box"&gt; &lt;label for="email"&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Email') ?&gt; &lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;br /&gt; &lt;input name="email" id="email" title="&lt;?php echo Mage::helper('contacts')-&gt;__('Email') ?&gt;" value="&lt;?php echo $this-&gt;htmlEscape($this-&gt;helper('contacts')-&gt;getUserEmail()) ?&gt;" class="required-entry input-text validate-email" type="text" /&gt; &lt;/div&gt; &lt;div class="clear"&gt;&lt;/div&gt; <span style="background-color: #ffff00">&lt;!-- New Field Code--&gt; &lt;div class="input-box"&gt; &lt;label for="website"&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Website') ?&gt;&lt;/label&gt;&lt;br /&gt; &lt;input name="website" id="website" title="&lt;?php echo Mage::helper('contacts')-&gt;__('Website') ?&gt;" value="" class="input-text" type="text" /&gt; &lt;/div&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;!-- End New Field Code--&gt;</span> &lt;div class="input-box"&gt; &lt;label for="telephone"&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Telephone') ?&gt;&lt;/label&gt;&lt;br /&gt; &lt;input name="telephone" id="telephone" title="&lt;?php echo Mage::helper('contacts')-&gt;__('Telephone') ?&gt;" value="" class="input-text" type="text" /&gt; &lt;/div&gt;

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

   &lt;div class="input-box"&gt; &lt;label for="email"&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Email') ?&gt; &lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;br /&gt; &lt;input name="email" id="email" title="&lt;?php echo Mage::helper('contacts')-&gt;__('Email') ?&gt;" value="&lt;?php echo $this-&gt;htmlEscape($this-&gt;helper('contacts')-&gt;getUserEmail()) ?&gt;" class="required-entry input-text validate-email" type="text" /&gt; &lt;/div&gt; &lt;div class="clear"&gt;&lt;/div&gt; <span style="background-color: #ffff00">&lt;!-- New Field Code--&gt; &lt;div class="input-box"&gt; &lt;label for="website"&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Website') ?&gt;&lt;/label&gt;&lt;br /&gt; &lt;input name="website" id="website" title="&lt;?php echo Mage::helper('contacts')-&gt;__('Website') ?&gt;" value="" class="input-text" type="text" /&gt; &lt;/div&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;!-- End New Field Code--&gt;</span> &lt;div class="input-box"&gt; &lt;label for="telephone"&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Telephone') ?&gt;&lt;/label&gt;&lt;br /&gt; &lt;input name="telephone" id="telephone" title="&lt;?php echo Mage::helper('contacts')-&gt;__('Telephone') ?&gt;" value="" class="input-text" type="text" /&gt; &lt;/div&gt;

3. Now go to, System > Transaction Emails.
4. Click ‘Add New Template’
5. In the ‘Load default template’ section, select ‘Contact Form’ template and click ‘Load Template’
6. The template content will look like this:
   Name: {{var data.name}} E-mail: {{var data.email}} Telephone: {{var data.telephone}} Comment: {{var data.comment}}

   1 2 3 4 5

   Name: {{var data.name}} E-mail: {{var data.email}} Telephone: {{var data.telephone}}   Comment: {{var data.comment}}

7. Add your new field in this content like this:
   Name: {{var data.name}} E-mail: {{var data.email}} <span style="background-color: #ffff00">Website: {{var data.website}}</span> Telephone: {{var data.telephone}} Comment: {{var data.comment}}

   1 2 3 4 5 6

   Name: {{var data.name}} E-mail: {{var data.email}} <span style="background-color: #ffff00">Website: {{var data.website}}</span> Telephone: {{var data.telephone}}   Comment: {{var data.comment}}

8. Enter a new ‘Template Name’ and click ‘Save template’
9. Now go to, System > Configuration > Contacts
10. Click the ‘Email Options’ section on this page and select the new template that you just created.
11. Click ‘Save Config’

How to add a link to the contact form on the top menu bar?

1. Open [magento_root]/app/design/frontend/default/default/template/catalog/navigation/top.phtml in your favorite editor
2. After this line:
   
   &lt;?php endforeach ?&gt;

   1	<?php endforeach ?>

   
   Add a line like this:
   
   &lt;li&gt;&lt;a href="&lt;?php echo $this-&gt;getUrl('contacts')?&gt;"&gt;&lt;?php echo $this-&gt;__('Contact Us') ?&gt;&lt;/a&gt;&lt;/li&gt;

   1	<li><a href="<?php echo $this->getUrl('contacts')?>"><?php echo $this->__('Contact Us') ?></a></li>

3. Click the Magento cache; System > Cache Management

Reference links:

1. http://www.magentocommerce.com/wiki/how_to/add_fields_to_contact_form
2. http://www.richardcastera.com/2009/08/17/magento-add-additional-fields-to-the-contact-form/
3. http://www.magentocommerce.com/boards/viewthread/21707/
4. http://inchoo.net/ecommerce/magento/contact-form-in-magento/

Incoming search terms:

• online contact form creator in magento
• add contact us link in magento
• link to custom email 1 magento
• magento 1 7 add extra fields in contact form & email
• magento contact form in top menu
• magento contact form top menu
• magento contact us add a new required field
• magento contact us comment fields empty
• magento enable contact us page
• how to put captcha in contact us page in magento

Tagged with: magento contact form • magento contact form custom field • Magento eCommerce Tips

Filed under: Magento eCommerce Tips • Magento eCommerce Tips

Like this post? Subscribe to my RSS feed and get loads more!