Contact page not working!

kuroichigo
Tourist
12 0 1

HI! I have set up my contact page using the default contact form for my theme. It accepts my input and after I submit I see the "thanks for contacting us" message. BUT I don't receive any emails.

 

Here is the code for my contact page, I highly appreciate any help! Thank you! 


{% if settings.enable_gmap %}
<div id="map">{{ settings.contact_iframe_code }} </div>
{% endif %}

{% if settings.enable_contact_section %}
<div class="contact-address">
<div class="wrapper">
<div class="dt-sc-hr-invisible-large"></div>

<div class="grid__item">
{% if settings.enable_contact_address %}
<ul>
<li class="grid__item wide--one-third post-large--one-third large--one-third">
<div class="icon">
<i class="fas fa-phone"></i>
</div>
{% if settings.contact_phone %}
<h4>{{ settings.contact_module_contact_phonetitle }}</h4>
<p> {{ settings.contact_phone1 }} <br>{{ settings.contact_phone2 }}</p><mark></mark>
{% endif %}
</li>
<li class="grid__item wide--one-third post-large--one-third large--one-third">
{% if settings.contact_module_email %}
<div class="icon">
<i class="far fa-envelope"></i>
</div>
<h4>{{ settings.contact_module_contact_title }}</h4>
<p>
<a title="" href="">{{ settings.contact_module_email_1 }}</a><br><a title="" href="">{{ settings.contact_module_email2 }}</a>
</p>
{% endif %}
</li>
{% if settings.contact_module_address %}
<li class="address grid__item wide--one-third post-large--one-third large--one-third">
<div class="icon">
<i class="fas fa-location-arrow"></i>
</div>
<h4>{{ settings.contact_module_address_title }}</h4>
<p> {{ settings.contact_module_address1 }}<br /> {{ settings.contact_module_address2 }}<br />{{ settings.postcode }}</p><mark></mark>

</li>
{% endif %}
</ul>

 

{% endif %}
</div>
<div class="dt-sc-hr-invisible-large"></div>

<div class="grid__item">
<div class="contact-form-section">
{% form 'contact' %}
{% if form.posted_successfully? %}
<p class="note form-success">
{{ 'contact.form.post_success' | t }}
</p>
{% endif %}
{{ form.errors | default_errors }}
{% assign name_attr = 'contact.form.name' | t | handle %}
<label for="ContactFormName" class="label--hidden">{{ 'contact.form.name' | t }}</label>
<input type="text" id="ContactFormName" name="contact[{{ name_attr }}]" placeholder="{{ 'contact.form.name' | t }}" autocapitalize="words" value="{% if form[name_attr] %}{{ form[name_attr] }}{% elsif customer %}{{ customer.name }}{% endif %}">
<label for="ContactFormEmail" class="label--hidden">{{ 'contact.form.email' | t }}</label>
<input type="email" id="ContactFormEmail" name="contact[email]" placeholder="{{ 'contact.form.email' | t }} *" autocorrect="off" autocapitalize="off" value="{% if form.email %}{{ form.email }}{% elsif customer %}{{ customer.email }}{% endif %}" required="required">
{% assign name_attr = 'contact.form.sub' | t | handle %}
<label for="ContactFormSub" class="label--hidden">{{ 'contact.form.phone' | t }}</label>
<input type="text" id="ContactFormSub" name="contact[{{ name_attr }}]" placeholder="{{ 'contact.form.sub' | t }}" autocapitalize="words" value="{% if form[name_attr] %}{{ form[name_attr] }}{% elsif customer %}{{ customer.subject }}{% endif %}">

<label for="ContactFormMessage" class="label--hidden">{{ 'contact.form.message' | t }}</label>
<textarea rows="7" id="ContactFormMessage" name="contact[body]" placeholder="{{ 'contact.form.message' | t }}">{% if form.body %}{{ form.body }}{% endif %}</textarea>

<button type="submit" class="btn">{{ 'contact.form.send' | t }}</button>

{% endform %}
</div>

</div>


</div>
</div>
{% endif %}

Reply 1 (1)
EcomGraduates
Shopify Partner
588 48 63

One possible reason for this issue is that your email notifications may be getting blocked by your email service provider or spam filters. We recommend checking your spam folder to see if any emails from your contact form are being filtered there.

Another possible solution is to check your email notification settings in Shopify. To do this, follow these steps:

  1. From your Shopify admin, go to Settings > Notifications.
  2. Scroll down to the "Contact form" section and make sure that the "Send a copy to" email address is correct.
  3. Test your contact form by submitting a test message and see if you receive the email notification.

If you're still having issues, you can try using a third-party app such as Form Builder to create and manage your contact form. This app allows you to customize your form and receive email notifications directly to your inbox.

 

You have a business to run. Let us handle the theme.
115+ ★★★★★ star reviews
Check Out Our New Theme -Ecomify
Do you need help building a brand?