Magento – add a select dropdown on Contact Page

contact-formcontact-usmagento2

I'm looking for a way to be able to add a Dropdown (select) to the Contact Page and use it as a Subject later on in the email.

I've tried simply adding a dropdown but it doesn't seem to be working:

this is what I've tried in form.phtml

<div class="field subject required">
    <div class="control">
        <select id="subject" data-validate="{required:true}"/>
            <option value="Subject" disabled>Subject</option>
            <option value="volvo">Volvo</option>
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
        </select> 
    </div>
</div>

and this is the Email Templates

{{trans "Subject: %subject" subject=$data.subject}}

Best Answer

I had the same issue, the dropdown value cannot be passed to email template, but the input type do.

I use js to pass the value to input and make it working. It is not perfect but it is working. would like to know better solution.

in Magento_Contact/templates/form.phtml.

<div class="field enquiry">
<label class="label" for="enquiry"><span><?php echo __('Enquiry type?') ?></span></label>
<div class="control">
    <input name="enquiry" id="enquiry" title="<?php echo __('enquiry') ?>" value="Product Enquiry" class="input-text hide" type="text" />
    <select name="enquiry" id="enquiry_mirror">
        <option value="Product Enquiry" selected>Product Enquiry</option>
        <option value="Track my order">Track my order</option>
        <option value="other">other</option>
    </select>
</div>

<script>
require(['jquery'], function($){

  $(document).ready(function () {
      $('#enquiry_mirror').change(function () {
          $('#enquiry').val($(this).val());
      });
  });

});
</script>

Then in email template

{{trans "Enquiry Type: %enquiry" enquiry=$data.enquiry}}

Related Solutions

Magento 1.9 Contact Page – Redirect and Add Message

Make sure you have put global_messages block on your page.

<?php echo $this->getChildHtml('global_messages') ?>

Also try with below code.

Mage::getSingleton('core/session')->addSuccess( Mage::helper('contacts')->__('Your inquiry was submitted and will be responded to as soon as possible. Thank you for contacting us.'));

Magento 2.2.3 – How to Create Custom Form

Create layout XML

/app/code/Company/Module/view/frontend/layout/module_index_custom.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <referenceContainer name="content">
        <block class="Company\Module\Block\Custom" name="customer_index_gallery" template="Vendor_Module::custom.phtml" cacheable="false"/>
    </referenceContainer>
</page>

/app/code/Company/Module/Block/Custom.php

<?php

namespace Vendor\Module\Block;

class Custom extends \Magento\Framework\View\Element\Template
{
    /**
     * Construct
     *
     * @param \Magento\Framework\View\Element\Template\Context $context
     * @param array $data
     */
    public function __construct(
        \Magento\Backend\Block\Template\Context $context,
        array $data = []
    )
    {
        parent::__construct($context, $data);
       }

    /**
     * Get form action URL for POST booking request
     *
     * @return string
     */
    public function getFormAction()
    {
        return '/companymodule/controller_name/custom';
        // here controller_name is index, action is booking
    }
}

/app/code/Company/Module/view/frontend/templates/custom.phtml

<form action="<?php echo $block->getFormAction() ?>" method="post">
    <input name="firstname" type="text">
    <input name="lastname" type="text">
    <input name="email" type="text">
    <input type="submit" value="informations">
</form>

/app/code/Company/Module/Controller/Index/Custom.php

<?php

namespace Company\Module\Controller\Index;

use Magento\Framework\Controller\ResultFactory;

class Custom extends \Magento\Framework\App\Action\Action
{
    /**
     * Booking action
     *
     * @return void
     */
    public function execute()
    {
        // 1. POST request : Get booking data
        $post = (array) $this->getRequest()->getPost();

        if (!empty($post)) {
            // Retrieve your form data
            $firstname   = $post['firstname'];
            $lastname    = $post['lastname'];
            $email       = $post['email'];
          
            // Doing-something with...

            // Display the succes form validation message
            $this->messageManager->addSuccessMessage('Booking done !');

            // Redirect to your form page (or anywhere you want...)
            $resultRedirect = $this->resultFactory->create(ResultFactory::TYPE_REDIRECT);
            $resultRedirect->setUrl('/companymodule/index/custom');

            return $resultRedirect;
        }
  
    }
}

Best Answer

Related Solutions

Magento 1.9 Contact Page – Redirect and Add Message

Magento 2.2.3 – How to Create Custom Form

Related Topic