Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello,
Is there a way to edit a contact form e-mail template without any third-party app? I mean the e-mail structure that is sent to some admin/customer support address. Order and shipping e-mail templates can be changed in Settings, but contact form e-mail template cannot.
Hi,
Have you checked at contact.liquid , try to modify it ? or you can also go for custom contact form
Example code
<form action="/contact#contact_form" method="post" id="contact_form">
<input type="hidden" name="form_type" value="contact" />
<input type="hidden" name="utf8" value="✓" />
<label for="ContactFormName">Name</label>
<input type="text" id="ContactFormName" name="contact[name]" />
<label for="ContactFormEmail">Email</label>
<input type="email" id="ContactFormEmail" name="contact[email]" />
<label for="ContactFormMessage">Message</label>
<textarea id="ContactFormMessage" name="contact[body]"></textarea>
<input type="submit" value="Send" />
</form>
Script to handle form submission code example
document.getElementById('contact_form').addEventListener('submit', function(event) {
event.preventDefault();
var formData = new FormData(event.target);
// Send form data to an external service or your own server
fetch('YOUR_EXTERNAL_SERVICE_URL', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
console.log('Success:', data);
})
.catch(error => {
console.error('Error:', error);
});
});
I am looking for a template file/editor for the e-mail that is sent, not the form template.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024