Magento 2. Home Contact Us page

by Peter D.

Contact Us page has CMS Block with general information on the left side and contact form on the right side. We placed the Map with the store location underneath. You can also see a CMS block.

magento 2 custom contact us page

General Contact Information

This is CMS Block with the identifier is contact_aside_cms.

Here is the code for the block content.

<div class="block block-contact-info">
    <div class="block-title">
        <strong role="heading" aria-level="3">General Contact Information</strong>
    <div class="block-content">
        <h4>Online Order Queries? <br>Telephone Online Customer Service Team</h4>
        <p>From EU: (094) 90 20 386</p>
        <p>From outside EU: (+353) 94 9020386</p>
        <p>Online customer service desk (Opening Hours): Mon-Fri: 9am to 5pm</p>

        <h4>Email Us</h4>
        <p>Email us at <a href="mailto:{{config path='trans_email/ident_sales/email'}}" class="link-accent">{{config path='trans_email/ident_sales/email'}}</a></p>

        <h4>Feedback On Our Service</h4>
        <p>For any feedback on our service in store or online please email us at <a href="mailto:{{config path='trans_email/ident_general/email'}}" class="link-accent">{{config path='trans_email/ident_general/email'}}</a></p>

Contact Form

Contact form is default Magento 2 functionality.

Location Map

This is a CMS block with the identifier contact_footer_map.

Here is the code for block content:

<div id="map" class="contact-map-placeholder" style='background-image: url({{media url="wysiwyg/contact-map.png"}})'>

Recent articles