Is there a way to edit the code for the contact form notification sent to admin?

Technical Q&A
1

I have set up the date picker on the contact us page. It looks great and works but it is not adding the date picked when the notification email is sent to admin. I need to add a bit of code to the template but have no idea where the contact form notification template is. I have looked in settings>notifications but it isn’t in there. The only template I can edit in the staff section is the order notification.

This is the code I need to add to the template for the date to be included in the notification:

Delivery date: {{ attributes.date }}

2

In Shopify, the contact form notification template is stored in the theme’s code, not in the “Settings” section of your admin. You will need to access the theme code to add the code you provided to the notification template. Here’s a general approach you can follow:

Go to the “Themes” section of your Shopify admin and select the theme you’re using for your store.

Click on “Actions” and then “Edit code”.

Look for the file named contact-form.liquid or form-contact.liquid in the “Sections” folder. This file contains the code for the contact form on your website.

Copy the following code and paste it into the appropriate location in the contact form file:

Delivery date: {{ attributes.date }}


Save your changes and refresh the contact form page on your website to see the date picked included in the notification email.
Note that this is just a general approach and the exact implementation may vary depending on the specific theme you’re using. I hope this helps! Let me know if you have any further questions.

3

Hello @tenillegore ,

Yes, you need to customize the “Contact customer” email template according to your requirement.

You will find it in your Shopify admin > Settings > Notifications.

Here you will also find all the email templates used for your Shopify store.

Let us know if you need any further help from us.

All the best,

CedCommerce

4

I have tried but this doesn’t work. Below is the contact page liquid in templates I have used to get the popup delivery box on the contact page.

{% section ‘slideshow-contact’ %}

{% section ‘rich-text-contactus’ %}

{% form ‘contact’ %}
{% if form.posted_successfully? %}

{{ 'contact.form.post_success' | t }} {{ attributes.date }}

{% endif %}

{{ form.errors | default_errors }}

{{ 'contact.form.name' | t }}
{{ 'contact.form.email' | t }}

{{ ‘contact.form.phone’ | t }}

{{ ‘contact.form.message’ | t }}

{% if form.body %}{{ form.body }}{% endif %}

{% render ‘contact-delivery-date’ %}

{% endform %}

And this is the snippet liquid:

{{ ‘//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css’ | stylesheet_tag }}

Please Provide Your Event Date

5

There is no contact customer template in the notifications.. That is why I am having trouble with this :disappointed_face:

6

Hi, @tenillegore ,

We have also checked there is no option available to update the contact email notification, so you need to use the attribute “name=contact[Delivery date]” instead of “name=attribute[Delivery date]” in your contact form date picker input. Then it will show the Delivery date automatically in the email.

Hope it’ll help you

All the best,
CedCommerce

7

is that in the snippet?

8

It worked!!! I updated it in the snippet… Thank you so much!!!