Magento 2 Contact Form

A ‘Contact Us’ page is a unique form of customer relations activities, which is a must-have feature of any online shop. The form allows for staying in touch with your regular and potential customers at any time from anywhere in the world.

Most frequently the contact form is placed in the Footer or in the Navigation Menu of a Magento webstore so that customers can easily find it when needed.

How to configure Magento 2 contact form and contact form email?

How to customize Magento 2 contact form template?

How to add contact form to a CMS page in Magento 2?

How to show Magento 2 contact form CAPTCHA?

How to configure Magento 2 contact form and contact form email?

  • Log in to the Admin Panel of your store:

log-in-magento

  • Then navigate to Store> Configuration:

stores-configuration-magento

  • Choose the Contacts section under the General drop-down menu:

general-contacts-magento

  • Expand the Contact Us section, set ‘Enable Contact Us’ to ‘Yes’:

enable-contact-us-magento

  • Expand the Email Options section and make the next configurations:

email-options-magento

‘Send Emails To’: type in the email address you want to receive messages to;

‘Email Sender’: choose the store identity you will display as a sender;

‘Email Template’: choose an email template to send messages/quires.

  • Click the ‘Save Config’ button.

How to customize Magento 2 contact form template?

  • Choose Content on the left sidebar:

content-left-magento

  • Select Blocks on the left menu:

content-blocks-magento

  • Then find the ‘Contact Us’ block and use the ‘Action’ field to move to ‘Edit’:

contact-us-block-magento

  • Make all the changes in the ‘Content’ block:

content-block-code-magento

  • Don’t forget to click the ‘Save Block’ button when all the settings are finished.

How to add contact form to a CMS page in Magento 2?

The same path (see Magento 2 contact form customization) should be followed in case you want to add the contact form to a CMS page:

  • Select the block (page) you wish;
  • Choose ‘Edit’ from the ‘Action’ field and insert the code:

code-for-contact-form-magento

to the ‘Content’ block at the place it is to be displayed (footer, navigation menu, etc.).

  • Click the ‘Save Page’ button.

How to show Magento 2 contact form CAPTCHA?

One of the easiest ways to protect your contact form email and website from spamming and bots is to enable a CAPTCHA: 

  • For this, go to Stores> Configuration> Customers> Customer Configuration page:

customer-configurations-magento

      • Expand the CAPTCHA menu and set ‘Enable CAPTCHA on Storefront’ to ‘Yes’:

enable-captcha-magento

Once the settings are finished, clean cache. Besides, you can use the free Google Invisible reCAPTCHA for Magento 2 extension. The advanced security tool will free your customers form tasks solving and the ‘I am not robot’ button while making your website more user-friendly. It appears only in cases of suspicious requests and can be set for different pages (reviews, comments, registration, etc.).

Rate the answer?