Shopify themes, liquid, logos, and UX
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 %}
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:
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.
User | RANK |
---|---|
61 | |
52 | |
47 | |
39 | |
39 |
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...
By Imogen Apr 26, 2023